Skip to content

Instantly share code, notes, and snippets.

@airen
Created May 23, 2015 12:59
Show Gist options
  • Save airen/0303fd56471108145c3b to your computer and use it in GitHub Desktop.
Save airen/0303fd56471108145c3b to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$font-stack:
(group: brandon, id: light, font: ('Brandon Grot W01 Light', san-serif ), weight: 200, style: normal),
(group: brandon, id: light-italic, font: ('Brandon Grot W01 Light', san-serif ), weight: 200, style: italic),
(group: brandon, id: regular, font: ('Brandon Grot W01-Regular', san-serif), weight: 400, style: normal),
(group: brandon, id: regular-italic, font: ('Brandon Grot W01-Regular', san-serif), weight: 400, style: italic),
(group: brandon, id: bold, font: ('Brandon Grot W01 Black', san-serif), weight: 700, style: normal),
(group: brandon, id: bold-italic, font: ('Brandon Grot W01-Regular', san-serif), weight: 400, style: italic),
(group: clarendon, id: regular, font: ('Clarendon LT W01', serif), weight: 200, style: normal),
(group: code, id: regular, font: (monospace), weight: 400, 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(brandon, light-italic);
}
p{
@include font(brandon);
}
p i{
@include font(brandon, regular-italic);
}
p b{
@include font(brandon, bold);
}
blockquote{
@include font(clarendon);
}
code{
@include font(code);
}
h1 {
font-family: "Brandon Grot W01 Light", san-serif;
font-weight: 200;
font-style: italic; }
p {
font-family: "Brandon Grot W01-Regular", san-serif;
font-weight: 400;
font-style: normal; }
p i {
font-family: "Brandon Grot W01-Regular", san-serif;
font-weight: 400;
font-style: italic; }
p b {
font-family: "Brandon Grot W01 Black", san-serif;
font-weight: 700;
font-style: normal; }
blockquote {
font-family: "Clarendon LT W01", serif;
font-weight: 200;
font-style: normal; }
code {
font-family: monospace;
font-weight: 400;
font-style: normal; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment