Skip to content

Instantly share code, notes, and snippets.

View babsgosgens's full-sized avatar
🤡
Life’s a parade

Babs Gösgens babsgosgens

🤡
Life’s a parade
  • Rosmalen, Netherlands
View GitHub Profile
@mixin font($type, $font-size:$base-font-size, $line-height:$base-line-height)
{
@if $type {
$font-style : nth($type,1);
$font-variant : nth($type,2);
$font-weight : nth($type,3);
$font-family : nth($type,4);
font: #{$font-style} #{$font-variant} #{$font-weight} #{$font-size}/#{$line-height} #{$font-family};
}
$monospace-fontface : monospace;
$monospace-family : $monospace-fontface;
// style, variant, weight, family
$monospace-ultra-light : normal, normal, 400, $monospace-family;
$monospace-light : normal, normal, 400, $monospace-family;
$monospace-book : normal, normal, 400, $monospace-family;
$monospace-regular : normal, normal, 400, $monospace-family;
$monospace-medium : normal, normal, 600, $monospace-family;
$monospace-semi-bold : normal, normal, 600, $monospace-family;
$sans-serif-fontface : sans-serif;
$sans-serif-family : $sans-serif-fontface;
// style, variant, weight, family
$sans-serif-ultra-light : normal, normal, 400, $sans-serif-family;
$sans-serif-light : normal, normal, 400, $sans-serif-family;
$sans-serif-book : normal, normal, 400, $sans-serif-family;
$sans-serif-regular : normal, normal, 400, $sans-serif-family;
$sans-serif-medium : normal, normal, 600, $sans-serif-family;
$sans-serif-semi-bold : normal, normal, 600, $sans-serif-family;
$serif-fontface : serif;
$serif-family : $serif-fontface;
// style, variant, weight, family
$serif-ultra-light : normal, normal, 400, $serif-family;
$serif-light : normal, normal, 400, $serif-family;
$serif-book : normal, normal, 400, $serif-family;
$serif-regular : normal, normal, 400, $serif-family;
$serif-medium : normal, normal, 600, $serif-family;
$serif-semi-bold : normal, normal, 600, $serif-family;
$type-heading: $sans-serif-regular;
$type-default: $serif-regular;
$line-height: 24px; // 1.5*16px
$font-size: 16px;
@import "fonts/serif";
@import "fonts/sans-serif";
@import "fonts/monospace";
@mixin reset-ios
{
/**
* Prevent iOS text size adjust after orientation change,
* without disabling user zoom.
*/
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}