Skip to content

Instantly share code, notes, and snippets.

@castastrophe
Created June 15, 2017 19:58
Show Gist options
  • Save castastrophe/be29d6e328831c82917a46303cc43b18 to your computer and use it in GitHub Desktop.
Save castastrophe/be29d6e328831c82917a46303cc43b18 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
> 1%
last 2 versions
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
@mixin wysiwyg( $text-type: default, $tags: p ) {
@each $tag in $tags {
@if $tag == p {
#{$tag} {
@extend %#{$text-type}-paragraph;
@extend %margin-bottom-dog;
}
}
@if contains( (ul ol), $tag ) {
#{$tag} {
@extend %margin-bottom-rhino;
}
}
@if contains( (dl), $tag ) {
#{$tag} {
@extend %list-flush-no-styles;
@extend %margin-bottom-rhino;
}
}
@if $tag == a {
#{$tag} {
@extend %#{$text-type}-link;
}
}
@if $tag == h1 {
#{$tag} {
@extend %#{$text-type}-level1;
@extend %margin-bottom-gerbil;
}
}
@if $tag == h2 {
#{$tag} {
@extend %#{$text-type}-level2;
@extend %margin-bottom-koala;
}
}
@if $tag == h3 {
#{$tag} {
@extend %#{$text-type}-level3;
@extend %margin-bottom-wolverine;
}
}
@if $tag == h4 {
#{$tag} {
@extend %#{$text-type}-level4;
@extend %margin-bottom-wolverine;
}
}
@if $tag == h5 {
#{$tag} {
@extend %#{$text-type}-level5;
@extend %margin-bottom-wolverine;
}
}
@if $tag == h6 {
#{$tag} {
@extend %#{$text-type}-level6;
@extend %margin-bottom-wolverine;
}
}
@if contains( (dt li), $tag ) {
#{$tag} {
@extend %#{$text-type}-#{$tag};
@extend %margin-none;
}
}
@if contains( (dd), $tag ) {
#{$tag} {
@extend %#{$text-type}-#{$tag};
@extend %margin-bottom-dog;
}
}
@if $tag == hr {
#{$tag} {
@extend %#{$text-type}-rule;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment