mirror of
https://github.com/danog/sass-site.git
synced 2024-12-13 18:07:35 +01:00
69 lines
1.9 KiB
SCSS
69 lines
1.9 KiB
SCSS
// ===========================================================================
|
|
// TYPOGRAPHY
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// MEASUREMENTS
|
|
|
|
$font-size-x-small: 12;
|
|
$font-size-small: 14;
|
|
$font-size: 16;
|
|
$font-size-large: 18;
|
|
$font-size-x-large: 22;
|
|
$font-size-xx-large: 44;
|
|
|
|
$line-height: 1.5;
|
|
$line-height-incremental: 1.25;
|
|
$line-height-reset: 1;
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// FONT STACKS
|
|
|
|
$monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
|
|
$sans-serif: Helvetica, Arial, sans-serif !default;
|
|
$serif: Georgia, "Times New Roman", Times, serif !default;
|
|
|
|
|
|
|
|
$source-code-pro-regular: "source-code-pro-n4", "source-code-pro", $monospace !default;
|
|
|
|
$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;
|
|
|
|
$chaparral-pro-regular: "chaparral-pro-n4", "chaparral-pro", $serif !default;
|
|
$chaparral-pro-semibold: "chaparral-pro-n6", "chaparral-pro", $serif !default;
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// FONT SETUP
|
|
|
|
@mixin font-face($family-setting: $source-sans-pro-regular, $weight-setting: false, $style-setting: false) {
|
|
font: {
|
|
@if $style-setting != false {
|
|
style: $style-setting;
|
|
}
|
|
@if $weight-setting != false {
|
|
weight: $weight-setting;
|
|
}
|
|
family: $family-setting;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// FONT SIZES
|
|
|
|
@mixin font-size($size-setting: $font-size, $lead-setting: false) {
|
|
font: {
|
|
size: #{$size-setting}px;
|
|
size: #{$size-setting / 10}rem;
|
|
}
|
|
@if $lead-setting != false {
|
|
line-height: $lead-setting;
|
|
}
|
|
} |