Sha256: 60c8a9ab4311a2a10e1cc00b6a1648f2be8591fca8c231551bfd2fb4d8853ded
Contents?: true
Size: 835 Bytes
Versions: 17
Compression:
Stored size: 835 Bytes
Contents
// Application Icons Component
// ========================================
// Variables
$application-height: 30px;
$application-icon-size: 95px 31px;
$application-width: 32px;
$application-icons: image-url('fuel/icons/application-icons.svg');
// Basic Styles
%application-icon{
@include hide-text;
background-image: $application-icons;
background-size: $application-icon-size;
background-repeat: no-repeat;
display: inline-block;
height: $application-height;
width: $application-width;
}
// List
$icons: (
add $application-width * 0,
search $application-width * 1,
arrow $application-width * 3
);
// Loop
@each $icon in $icons{
$name: nth($icon, 1);
$position: nth($icon, 2);
.#{$name}-icon{
background-position: -($position * 1) 0;
@extend %application-icon;
}
}
Version data entries
17 entries across 17 versions & 1 rubygems