Sha256: b3898559220d102cbd0cc80c47703f77591093f80da36d1a772fe5b7f8a083a5
Contents?: true
Size: 835 Bytes
Versions: 24
Compression:
Stored size: 835 Bytes
Contents
// Navigation Icons Component
// ========================================
// Variables
$navigation-height: 50px;
$navigation-icon-size: 200px 55px;
$navigation-width: 50px;
$navigation-icons: image-url('fuel/icons/navigation-icons.svg');
// Basic Styles
%navigation-icon{
background-image: $navigation-icons;
background-size: $navigation-icon-size;
background-repeat: no-repeat;
display: inline-block;
height: $navigation-height;
width: $navigation-width;
}
// List
$icons: (
authors $navigation-width * 0,
posts $navigation-width * 1,
settings $navigation-width * 3,
picture $navigation-width * 4,
);
// Loop
@each $icon in $icons{
$name: nth($icon, 1);
$position: nth($icon, 2);
.#{$name}-icon{
background-position: -($position * 1) 0;
@extend %navigation-icon;
}
}
Version data entries
24 entries across 24 versions & 1 rubygems