Skip to content

Instantly share code, notes, and snippets.

@muzafferkoluman
Created June 11, 2018 15:27
Show Gist options
  • Save muzafferkoluman/94950483251f06d20cc303494feff4fb to your computer and use it in GitHub Desktop.
Save muzafferkoluman/94950483251f06d20cc303494feff4fb to your computer and use it in GitHub Desktop.
Css - Scss - mixin
@mixin the-font($font:GalaxiePolaris-Medium,$size: false, $colour: false, $weight: false, $lh: false) {
@if $font{font-family: $font, Helvetica, Arial, sans-serif;}
@if $size { font-size: $size; }
@if $colour { color: $colour; }
@if $weight { font-weight: $weight; }
@if $lh { line-height: $lh; }
}
.c-font-medium-16 {
@include the-font(false,16px,$text-black);
}
.c-font-medium-10 {
@include the-font(false,10px,$text-black);
}
.c-font-book-13 {
@include the-font(GalaxiePolaris-Book,13px,$text-black)
}
.c-font-bold-17 {
@include the-font(GalaxiePolaris-Bold,17px,$text-black)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment