You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
roundcubemail/skins/elastic/styles/widgets/buttons.less

124 lines
2.3 KiB
Plaintext

/**
* Roundcube webmail styles for the Elastic skin
*
* Copyright (c) 2017, The Roundcube Dev Team
*
* The contents are subject to the Creative Commons Attribution-ShareAlike
* License. It is allowed to copy, distribute, transmit and to adapt the work
* by keeping credits to the original authors in the README.md file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
/*** Buttons ***/
a.listbutton,
a.rcmaddcontact {
text-decoration: none;
}
.button.disabled {
opacity: .5;
}
a.button {
text-decoration: none;
}
.header > .buttons > input.button {
padding: .3em .8em;
font-size: 1em;
}
/* font-icons */
a.button.icon,
button.btn {
&:before {
&:extend(.font-icon-class);
}
&.submit:before,
&.save:before {
content: @fa-var-check;
}
&.edit:before {
content: @fa-var-pencil;
}
&.qrcode:before {
content: @fa-var-qrcode;
}
&.search:before {
content: @fa-var-search;
}
&.import:before {
content: @fa-var-upload;
}
&.delete:before {
content: @fa-var-trash-o;
}
&.restore:before {
content: @fa-var-undo;
}
&.send:before,
&.bounce:before {
content: @fa-var-paper-plane;
}
&.attach:before {
content: @fa-var-paperclip;
}
&.close:before,
&.cancel:before {
content: @fa-var-close;
}
&.mark:before {
/* TODO: "Mark all as read" icon */
}
&.toolbar-menu-button:before {
content: @fa-var-ellipsis-v;
}
&.menu-button:before {
content: @fa-var-bars;
}
&.back:before,
&.back-sidebar-button:before,
&.back-list-button:before {
content: @fa-var-chevron-left;
}
&.remove:before {
content: @fa-var-close;
}
}
button.btn {
&:before {
display: inline-block;
float: none;
}
}
a.button.icon {
&.dropdown:before {
content: @fa-var-caret-down;
font-size: 1em;
}
& > span.inner {
display: none;
}
}
a.rcmaddcontact:before {
&:extend(.font-icon-class);
content: @fa-var-user-plus;
display: inline;
float: none;
margin-left: 5px;
font-size: inherit;
}
@media screen and (max-width: @screen-width-small) {
.btn:focus {
box-shadow: none;
}
}