sass-site/source/assets/stylesheets/dependencies/_typography.scss

47 lines
1.7 KiB
SCSS
Raw Normal View History

// ===========================================================================
// TYPOGRAPHY
// ---------------------------------------------------------------------------
// FONT STACKS
2012-11-28 12:59:42 +01:00
$monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$sans-serif: Helvetica, Arial, sans-serif !default;
$serif: Georgia, "Times New Roman", Times, serif !default;
2012-11-28 12:59:42 +01:00
$source-code-pro-regular: "source-code-pro-n4", "source-code-pro", $monospace !default;
2012-11-28 12:59:42 +01:00
$source-sans-pro-regular: "source-sans-pro-n4", "source-sans-pro", $sans-serif !default;
$source-sans-pro-bold: "source-sans-pro-n7", "source-sans-pro", $sans-serif !default;
2012-11-28 12:59:42 +01:00
$chaparral-pro-regular: "chaparral-pro-n4", "chaparral-pro", $serif !default;
$chaparral-pro-semibold: "chaparral-pro-n6", "chaparral-pro", $serif !default;
// ---------------------------------------------------------------------------
// FONT SETUP
2012-11-28 12:59:42 +01:00
@mixin font-face($family-setting: $source-sans-pro-regular, $weight-setting: 400, $style-setting: normal) {
font: {
style: $style-setting;
weight: $weight-setting;
family: $family-setting;
}
}
// ---------------------------------------------------------------------------
// FONT PLACEHOLDER SELECTORS FOR @EXTEND'ING
%source-code-pro-regular { @include font-face($source-code-pro-regular); }
%source-sans-pro-regular { @include font-face($source-sans-pro-regular); }
%source-sans-pro-bold { @include font-face($source-sans-pro-bold, 600); }
%chaparral-pro-regular { @include font-face($chaparral-pro-regular); }
%chaparral-pro-semibold { @include font-face($chaparral-pro-semibold, 600); }