mirror of
https://github.com/danog/sass-site.git
synced 2024-12-13 09:57:35 +01:00
30 lines
571 B
SCSS
30 lines
571 B
SCSS
$os-icons: 'icons/os-icons.png';
|
|
|
|
// TODO: Make these use a 16-base instead of 15.
|
|
%os-icons {
|
|
background: image-url($os-icons) 0 0 no-repeat;
|
|
background-size: auto sl-px-to-rem(15px);
|
|
display: inline-block;
|
|
width: sl-px-to-rem(15px);
|
|
height: sl-px-to-rem(15px);
|
|
}
|
|
|
|
.mac-icon {
|
|
@extend %os-icons;
|
|
background-position: -(sl-px-to-rem(35px)) 0;
|
|
}
|
|
|
|
.windows-icon {
|
|
@extend %os-icons;
|
|
}
|
|
|
|
.linux-icon {
|
|
@extend %os-icons;
|
|
background-position: -(sl-px-to-rem(65px)) 0;
|
|
}
|
|
|
|
.paid-icon {
|
|
@extend %os-icons;
|
|
background-position: -(sl-px-to-rem(100px)) 0;
|
|
}
|