Use nested rules in less files
Aleksander Machniak
8 years ago
parent
bb2b7e001c
commit
056b08fce0
@ -1,94 +1,96 @@
|
||||
/* Attachments list */
|
||||
|
||||
|
||||
.attachmentslist li:before {
|
||||
&:extend(.font-icon-class);
|
||||
content: @fa-var-file-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.txt:before,
|
||||
.attachmentslist li.text:before {
|
||||
content: @fa-var-file-text-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.pdf:before {
|
||||
content: @fa-var-file-pdf-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.odt:before,
|
||||
.attachmentslist li.doc:before,
|
||||
.attachmentslist li.docx:before,
|
||||
.attachmentslist li.msword:before {
|
||||
content: @fa-var-file-word-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.ods:before,
|
||||
.attachmentslist li.xls:before,
|
||||
.attachmentslist li.xlsx:before,
|
||||
.attachmentslist li.msexcel:before {
|
||||
content: @fa-var-file-excel-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.rar:before,
|
||||
.attachmentslist li.zip:before,
|
||||
.attachmentslist li.gz:before {
|
||||
content: @fa-var-file-zip-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.image:before,
|
||||
.attachmentslist li.jpg:before,
|
||||
.attachmentslist li.jpeg:before,
|
||||
.attachmentslist li.png:before {
|
||||
content: @fa-var-file-image-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.mp3:before,
|
||||
.attachmentslist li.audio:before {
|
||||
content: @fa-var-file-audio-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.m4p:before,
|
||||
.attachmentslist li.video:before {
|
||||
content: @fa-var-file-video-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.ics:before,
|
||||
.attachmentslist li.calendar:before {
|
||||
/* TODO */
|
||||
}
|
||||
|
||||
.attachmentslist li.vcard:before {
|
||||
content: @fa-var-vcard;
|
||||
}
|
||||
|
||||
.attachmentslist li.html:before {
|
||||
content: @fa-var-file-code-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.eml:before,
|
||||
.attachmentslist li.rfc822:before {
|
||||
/* TODO */
|
||||
}
|
||||
|
||||
.attachmentslist li.odp:before,
|
||||
.attachmentslist li.otp:before,
|
||||
.attachmentslist li.ppt:before,
|
||||
.attachmentslist li.pptx:before,
|
||||
.attachmentslist li.ppsx:before,
|
||||
.attachmentslist li.vnd.mspowerpoint:before {
|
||||
content: @fa-var-file-powerpoint-o;
|
||||
}
|
||||
|
||||
.attachmentslist li.sig:before,
|
||||
.attachmentslist li.pgp-signature:before,
|
||||
.attachmentslist li.pkcs7-signature:before {
|
||||
/* TODO */
|
||||
}
|
||||
|
||||
.attachmentslist li.application.asc:before {
|
||||
/* TODO */
|
||||
}
|
||||
|
||||
.attachmentslist li.application.pgp-keys:before {
|
||||
/* TODO */
|
||||
.attachmentslist li {
|
||||
&:before {
|
||||
&:extend(.font-icon-class);
|
||||
content: @fa-var-file-o;
|
||||
}
|
||||
|
||||
&.txt:before,
|
||||
&.text:before {
|
||||
content: @fa-var-file-text-o;
|
||||
}
|
||||
|
||||
&.pdf:before {
|
||||
content: @fa-var-file-pdf-o;
|
||||
}
|
||||
|
||||
&.odt:before,
|
||||
&.doc:before,
|
||||
&.docx:before,
|
||||
&.msword:before {
|
||||
content: @fa-var-file-word-o;
|
||||
}
|
||||
|
||||
&.ods:before,
|
||||
&.xls:before,
|
||||
&.xlsx:before,
|
||||
&.msexcel:before {
|
||||
content: @fa-var-file-excel-o;
|
||||
}
|
||||
|
||||
&.rar:before,
|
||||
&.zip:before,
|
||||
&.gz:before {
|
||||
content: @fa-var-file-zip-o;
|
||||
}
|
||||
|
||||
&.image:before,
|
||||
&.jpg:before,
|
||||
&.jpeg:before,
|
||||
&.png:before {
|
||||
content: @fa-var-file-image-o;
|
||||
}
|
||||
|
||||
&.mp3:before,
|
||||
&.audio:before {
|
||||
content: @fa-var-file-audio-o;
|
||||
}
|
||||
|
||||
&.m4p:before,
|
||||
&.video:before {
|
||||
content: @fa-var-file-video-o;
|
||||
}
|
||||
|
||||
&.ics:before,
|
||||
&.calendar:before {
|
||||
/* TODO */
|
||||
}
|
||||
|
||||
&.vcard:before {
|
||||
content: @fa-var-vcard;
|
||||
}
|
||||
|
||||
&.html:before {
|
||||
content: @fa-var-file-code-o;
|
||||
}
|
||||
|
||||
&.eml:before,
|
||||
&.rfc822:before {
|
||||
/* TODO */
|
||||
}
|
||||
|
||||
&.odp:before,
|
||||
&.otp:before,
|
||||
&.ppt:before,
|
||||
&.pptx:before,
|
||||
&.ppsx:before,
|
||||
&.vnd.mspowerpoint:before {
|
||||
content: @fa-var-file-powerpoint-o;
|
||||
}
|
||||
|
||||
&.sig:before,
|
||||
&.pgp-signature:before,
|
||||
&.pkcs7-signature:before {
|
||||
/* TODO */
|
||||
}
|
||||
|
||||
&.application.asc:before {
|
||||
/* TODO */
|
||||
}
|
||||
|
||||
&.application.pgp-keys:before {
|
||||
/* TODO */
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,53 +1,58 @@
|
||||
/*** Folders list widget ***/
|
||||
|
||||
|
||||
.folderlist li.mailbox .unreadcount {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
min-width: 2em;
|
||||
line-height: 1.4em;
|
||||
margin: 0.5em 0.2em;
|
||||
padding: 0 0.3em;
|
||||
background: /* todo */ #1e70bf;
|
||||
border-radius: 0.4em;
|
||||
color: @badge-font-color;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
.folderlist {
|
||||
li {
|
||||
&.mailbox {
|
||||
.unreadcount {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
min-width: 2em;
|
||||
line-height: 1.4em;
|
||||
margin: 0.5em 0.2em;
|
||||
padding: 0 0.3em;
|
||||
background: /* todo */ #1e70bf;
|
||||
border-radius: 0.4em;
|
||||
color: @badge-font-color;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.folderlist li.mailbox.selected > a .unreadcount {
|
||||
background: /* todo */;
|
||||
}
|
||||
&.selected > a .unreadcount {
|
||||
background: /* todo */;
|
||||
}
|
||||
|
||||
.folderlist li.mailbox.recent > a .unreadcount {
|
||||
background: /* todo */;
|
||||
}
|
||||
&.recent > a .unreadcount {
|
||||
background: /* todo */;
|
||||
}
|
||||
}
|
||||
|
||||
/* icons */
|
||||
a:before {
|
||||
&:extend(.font-icon-class);
|
||||
content: @fa-var-folder-o;
|
||||
}
|
||||
|
||||
.folderlist li a:before {
|
||||
&:extend(.font-icon-class);
|
||||
content: @fa-var-folder-o;
|
||||
}
|
||||
.folderlist li.inbox a:before {
|
||||
content: @fa-var-inbox;
|
||||
}
|
||||
.folderlist li.trash a:before {
|
||||
content: @fa-var-trash;
|
||||
}
|
||||
.folderlist li.trash.empty a:before {
|
||||
content: @fa-var-trash-o;
|
||||
}
|
||||
.folderlist li.drafts a:before {
|
||||
content: @fa-var-edit;
|
||||
}
|
||||
.folderlist li.sent a:before {
|
||||
content: @fa-var-paper-plane;
|
||||
}
|
||||
.folderlist li.junk a:before {
|
||||
content: @fa-var-recycle;
|
||||
}
|
||||
.folderlist li.archive a:before {
|
||||
content: @fa-var-archive;
|
||||
&.inbox a:before {
|
||||
content: @fa-var-inbox;
|
||||
}
|
||||
&.trash a:before {
|
||||
content: @fa-var-trash;
|
||||
}
|
||||
&.trash.empty a:before {
|
||||
content: @fa-var-trash-o;
|
||||
}
|
||||
&.drafts a:before {
|
||||
content: @fa-var-edit;
|
||||
}
|
||||
&.sent a:before {
|
||||
content: @fa-var-paper-plane;
|
||||
}
|
||||
&.junk a:before {
|
||||
content: @fa-var-recycle;
|
||||
}
|
||||
&.archive a:before {
|
||||
content: @fa-var-archive;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,49 +1,68 @@
|
||||
/*** Common UI elements ***/
|
||||
|
||||
#taskmenu a {
|
||||
text-decoration: none;
|
||||
padding: 0.4em 0;
|
||||
}
|
||||
#taskmenu {
|
||||
a {
|
||||
text-decoration: none;
|
||||
padding: 0.4em 0;
|
||||
}
|
||||
|
||||
#taskmenu a.button,
|
||||
#taskmenu a.button:before {
|
||||
display: block;
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
a.button {
|
||||
display: block;
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
|
||||
/* Icons */
|
||||
&:before {
|
||||
&:extend(.font-icon-class);
|
||||
font-size: 1.5em;
|
||||
margin-bottom: 0.1em;
|
||||
}
|
||||
|
||||
#taskmenu a.button:before {
|
||||
&:extend(.font-icon-class);
|
||||
font-size: 1.5em;
|
||||
margin-bottom: 0.1em;
|
||||
}
|
||||
&.mail:before {
|
||||
content: @fa-var-envelope;
|
||||
}
|
||||
&.addressbook:before {
|
||||
content: @fa-var-user;
|
||||
}
|
||||
&.settings:before {
|
||||
content: @fa-var-cog;
|
||||
}
|
||||
&.help:before {
|
||||
content: @fa-var-life-bouy;
|
||||
}
|
||||
&.logout:before {
|
||||
content: @fa-var-power-off;
|
||||
}
|
||||
&.about:before {
|
||||
content: @fa-var-question;
|
||||
}
|
||||
&.logout:hover {
|
||||
color: @taskmenu-logout-button-hover-color;
|
||||
}
|
||||
&.refresh:before {
|
||||
content: @fa-var-refresh;
|
||||
}
|
||||
&.compose:before {
|
||||
content: @fa-var-edit;
|
||||
}
|
||||
}
|
||||
|
||||
#taskmenu a.button.mail:before {
|
||||
content: @fa-var-envelope;
|
||||
}
|
||||
#taskmenu a.button.addressbook:before {
|
||||
content: @fa-var-user;
|
||||
}
|
||||
#taskmenu a.button.settings:before {
|
||||
content: @fa-var-cog;
|
||||
}
|
||||
#taskmenu a.button.help:before {
|
||||
content: @fa-var-life-bouy;
|
||||
}
|
||||
#taskmenu a.button.logout:before {
|
||||
content: @fa-var-power-off;
|
||||
}
|
||||
#taskmenu a.button.about:before {
|
||||
content: @fa-var-question;
|
||||
}
|
||||
#taskmenu a.button.logout:hover {
|
||||
color: @taskmenu-logout-button-hover-color;
|
||||
}
|
||||
#taskmenu a.button.refresh:before {
|
||||
content: @fa-var-refresh;
|
||||
}
|
||||
#taskmenu a.button.compose:before {
|
||||
content: @fa-var-edit;
|
||||
.special-buttons {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
@media screen and (max-width: @screen-width-xs) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @taskmenu-special-button-color;
|
||||
}
|
||||
}
|
||||
|
||||
.action-buttons {
|
||||
a {
|
||||
color: @taskmenu-action-button-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue