Skip to content

Instantly share code, notes, and snippets.

@LayZeeDK
Created April 19, 2015 17:17
Show Gist options
  • Save LayZeeDK/eec216acd6b351013b1c to your computer and use it in GitHub Desktop.
Save LayZeeDK/eec216acd6b351013b1c to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
@mixin font-weight($keyword) {
$conversion-map: (
thin: 100,
hairline: 100,
extra light: 200,
extralight: 200,
ultra light: 200,
ultralight: 200,
light: 300,
book: 300,
demi: 300,
normal: 400,
regular: 400,
medium: 500,
semi bold: 600,
semibold: 600,
demi bold: 600,
demibold: 600,
bold: 700,
extra bold: 800,
extrabold: 800,
ultra bold: 800,
ultrabold: 800,
black: 900,
heavy: 900,
fat: 900,
poster: 900,
extra black: 900,
extrablack: 900,
ultra black: 900,
ultrablack: 900
);
@if map-has-key($conversion-map, $keyword) {
font-weight: map-get($conversion-map, $keyword);
} @else {
@error "Unsupported `font-weight` keyword `#{$keyword}`";
}
}
.one-zero-zero {
@include font-weight(thin);
@include font-weight(hairline);
}
.two-zero-zero {
@include font-weight(extra light);
@include font-weight(extralight);
@include font-weight(ultra light);
@include font-weight(ultralight);
}
.three-zero-zero {
@include font-weight(light);
@include font-weight(book);
@include font-weight(demi);
}
.four-zero-zero {
@include font-weight(normal);
@include font-weight(regular);
}
.five-zero-zero {
@include font-weight(medium);
}
.six-zero-zero {
@include font-weight(semi bold);
@include font-weight(semibold);
@include font-weight(demi bold);
@include font-weight(demibold);
}
.seven-zero-zero {
@include font-weight(bold);
}
.eight-zero-zero {
@include font-weight(extra bold);
@include font-weight(extrabold);
@include font-weight(ultra bold);
@include font-weight(ultrabold);
}
.nine-zero-zero {
@include font-weight(black);
@include font-weight(heavy);
@include font-weight(fat);
@include font-weight(poster);
@include font-weight(extra black);
@include font-weight(extrablack);
@include font-weight(ultra black);
@include font-weight(ultrablack);
}
.one-zero-zero {
font-weight: 100;
font-weight: 100;
}
.two-zero-zero {
font-weight: 200;
font-weight: 200;
font-weight: 200;
font-weight: 200;
}
.three-zero-zero {
font-weight: 300;
font-weight: 300;
font-weight: 300;
}
.four-zero-zero {
font-weight: 400;
font-weight: 400;
}
.five-zero-zero {
font-weight: 500;
}
.six-zero-zero {
font-weight: 600;
font-weight: 600;
font-weight: 600;
font-weight: 600;
}
.seven-zero-zero {
font-weight: 700;
}
.eight-zero-zero {
font-weight: 800;
font-weight: 800;
font-weight: 800;
font-weight: 800;
}
.nine-zero-zero {
font-weight: 900;
font-weight: 900;
font-weight: 900;
font-weight: 900;
font-weight: 900;
font-weight: 900;
font-weight: 900;
font-weight: 900;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment