Skip to content

Instantly share code, notes, and snippets.

@axyz

axyz/SassMeister-input.scss

Created July 2, 2014 12:46
Show Gist options
  • Save axyz/e346a910b0a48fa2b84d to your computer and use it in GitHub Desktop.
Save axyz/e346a910b0a48fa2b84d to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// ----
@import url('http://roboto-webfont.googlecode.com/svn/trunk/roboto.all.css');
$_gdm-type-styles: (
display4: (
font-family: "Roboto light",
font-size: 8em,
color: rgba(black, .54),
),
display3: (
font-family: "Roboto regular",
font-size: 4em,
color: rgba(black, .54),
),
display2: (
font-family: "Roboto regular",
font-size: 3.21428571em,
color: rgba(black, .54),
),
display1: (
font-family: "Roboto regular",
font-size: 2.42857143em,
color: rgba(black, .54),
),
headline: (
font-family: "Roboto regular",
font-size: 1.71428571em,
color: rgba(black, .87),
),
title: (
font-family: "Roboto medium",
font-size: 1.42857143em,
color: rgba(black, .87),
),
subhead: (
font-family: "Roboto regular",
font-size: 1.14285714em,
color: rgba(black, .87),
),
body2: (
font-family: "Roboto medium",
font-size: 1em,
color: rgba(black, .87),
),
body1: (
font-family: "Roboto regular",
font-size: 1em,
color: rgba(black, .87),
),
body2: (
font-family: "Roboto regular",
font-size: 1em,
color: rgba(black, .87),
),
body2: (
font-family: "Roboto regular",
font-size: 1em,
color: rgba(black, .87),
),
body2: (
font-family: "Roboto regular",
font-size: 1em,
color: rgba(black, .87),
),
body2: (
font-family: "Roboto regular",
font-size: 1em,
color: rgba(black, .87),
)
);
@mixin gdm-type-style($type) {
$style: map-get($_gdm-type-styles, $type);
@each $property, $value in $style {
#{$property}: $value;
}
}
// TEST
body {
@include gdm-type-style(display4);
}
Raw
SassMeister-output.css
Duplicate key "body2" in map (display4: (font-family: "Roboto light", font-size: 8em, color: rgba(black, 0.54)), display3: (font-family: "Roboto regular", font-size: 4em, color: rgba(black, 0.54)), display2: (font-family: "Roboto regular", font-size: 3.21429em, color: rgba(black, 0.54)), display1: (font-family: "Roboto regular", font-size: 2.42857em, color: rgba(black, 0.54)), headline: (font-family: "Roboto regular", font-size: 1.71429em, color: rgba(black, 0.87)), title: (font-family: "Roboto medium", font-size: 1.42857em, color: rgba(black, 0.87)), subhead: (font-family: "Roboto regular", font-size: 1.14286em, color: rgba(black, 0.87)), body2: (font-family: "Roboto medium", font-size: 1em, color: rgba(black, 0.87)), body1: (font-family: "Roboto regular", font-size: 1em, color: rgba(black, 0.87)), body2: (font-family: "Roboto regular", font-size: 1em, color: rgba(black, 0.87)), body2: (font-family: "Roboto regular", font-size: 1em, color: rgba(black, 0.87)), body2: (font-family: "Roboto regular", font-size: 1em, color: rgba(black, 0.87)), body2: (font-family: "Roboto regular", font-size: 1em, color: rgba(black, 0.87))).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment