Skip to content

Instantly share code, notes, and snippets.

@jonathan-beebe
Created August 6, 2014 13:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonathan-beebe/f57c04c3512e3f69ac63 to your computer and use it in GitHub Desktop.
Save jonathan-beebe/f57c04c3512e3f69ac63 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----
$text-base: (
font-size: 1.0rem,
line-height: 1.8rem,
font-weight: normal,
text-color: #333
);
$p: map-merge($text-base, (
margin: 1.2rem
));
$h1-text: map-merge($text-base, (
font-size: 4.8rem,
line-height: normal,
font-weight: bold
));
$h1: (
margin: 1.8rem 0
);
@mixin text-variant ($map) {
@each $key in map-keys($map) {
#{$key}: map-get($map, $key);
}
};
p {
@include text-variant($p);
}
.h1-text {
@include text-variant($h1-text);
}
h1 {
@extend .h1-text;
@include text-variant($h1);
}
p {
font-size: 1rem;
line-height: 1.8rem;
font-weight: normal;
text-color: #333333;
margin: 1.2rem;
}
.h1-text, h1 {
font-size: 4.8rem;
line-height: normal;
font-weight: bold;
text-color: #333333;
}
h1 {
margin: 1.8rem 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment