31 lines
972 B
SCSS
31 lines
972 B
SCSS
|
$locomotive-default-icons-url: image-url("locomotive/menu/icons.png");
|
||
|
|
|
||
|
|
@mixin locomotive-menu-icon($url, $where, $width, $height, $enabled: false, $top: 0, $left: 0) {
|
||
|
|
em {
|
||
|
|
@if $enabled == true {
|
||
|
|
background-position: -#{$width} $where; }
|
||
|
|
@else {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
width: $width;
|
||
|
|
height: $height;
|
||
|
|
line-height: $height + 1;
|
||
|
|
background: transparent $url no-repeat 0 $where;
|
||
|
|
top: $top;
|
||
|
|
left: $left;
|
||
|
|
margin-right: 2px; }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin locomotive-contents-icon($enabled: false) {
|
||
|
|
@include locomotive-menu-icon($locomotive-default-icons-url, -64px, 16px, 12px, $enabled, 0px);
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin locomotive-assets-icon($enabled: false) {
|
||
|
|
@include locomotive-menu-icon($locomotive-default-icons-url, -48px, 20px, 16px, $enabled, 1px);
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin locomotive-settings-icon($enabled: false) {
|
||
|
|
@include locomotive-menu-icon($locomotive-default-icons-url, -32px, 14px, 13px, $enabled, 1px);
|
||
|
|
}
|