engine/app/assets/stylesheets/locomotive/menu/_icons.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);
}