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