Skip to content

Instantly share code, notes, and snippets.

@oilvier
Created June 20, 2015 16:56
Show Gist options
  • Save oilvier/900d281109cd9beb8158 to your computer and use it in GitHub Desktop.
Save oilvier/900d281109cd9beb8158 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$font-stack:
(group: base-font, id: regular, font: ('robotoregular', sans-serif ), weight: normal, style: normal),
(group: base-font, id: regular-italic, font: ('robotoitalic', sans-serif ), weight: normal, style: italic),
(group: base-font, id: medium, font: ('robotomedium', sans-serif), weight: normal, style: normal),
(group: base-font, id: medium-italic, font: ('robotomedium_italic', sans-serif), weight: normal, style: italic),
(group: base-font, id: bold, font: ('robotobold', sans-serif), weight: normal, style: normal),
(group: base-font, id: bold-italic, font: ('robotobold', sans-serif), weight: normal, style: italic),
(group: variant-font, id: regular, font: ('amerika_sansregular', serif), weight: normal, style: normal);
// Breakpoint Mixin
@mixin font($group, $id:regular){
@each $font in $font-stack{
@if($group == map-get($font, group) and $id == map-get($font, id)){
font-family: map-get($font, font);
font-weight: map-get($font, weight);
font-style: map-get($font, style);
}
}
}
h1{
@include font(base-font, bold);
}
h1 {
font-family: "robotobold", sans-serif;
font-weight: normal;
font-style: normal;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment