mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-12-29 11:01:34 +08:00
39 lines
1.1 KiB
Text
39 lines
1.1 KiB
Text
//
|
|
// Sprites
|
|
// --------------------------------------------------
|
|
|
|
|
|
// ICONS
|
|
// -----
|
|
|
|
// All icons receive the styles of the <i> tag with a base class
|
|
// of .i and are then given a unique class to add width, height,
|
|
// and background-position. Your resulting HTML will look like
|
|
// <i class="icon-inbox"></i>.
|
|
|
|
// For the white version of the icons, just add the .icon-white class:
|
|
// <i class="icon-inbox icon-white"></i>
|
|
|
|
[class^="icon-"],
|
|
[class*=" icon-"] {
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
line-height: 14px;
|
|
vertical-align: text-top;
|
|
background-image: url("@{iconSpritePath}");
|
|
background-position: 14px 14px;
|
|
background-repeat: no-repeat;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
/* White icons with optional class, or on hover/active states of certain elements */
|
|
.icon-white,
|
|
.nav > .active > a > [class^="icon-"],
|
|
.nav > .active > a > [class*=" icon-"],
|
|
.dropdown-menu > li > a:hover > [class^="icon-"],
|
|
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
|
.dropdown-menu > .active > a > [class^="icon-"],
|
|
.dropdown-menu > .active > a > [class*=" icon-"] {
|
|
background-image: url("@{iconWhiteSpritePath}");
|
|
}
|