You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
2.6 KiB
119 lines
2.6 KiB
//=======================================================
|
|
// Variables
|
|
//=======================================================
|
|
|
|
|
|
//========
|
|
// Koality Grid variables
|
|
//=======
|
|
$row-width: 1400px;
|
|
$inner-row-width: 1200px;
|
|
|
|
$default: 0;
|
|
$sm: 576px;
|
|
$md: 768px;
|
|
$lg: 992px;
|
|
$xl: 1200px;
|
|
$jumbo: 2000px;
|
|
|
|
$gutter-width: 15px;
|
|
|
|
$breakpoints: (
|
|
default: $default,
|
|
sm: $sm,
|
|
md: $md,
|
|
lg: $lg,
|
|
xl: $xl,
|
|
jumbo: $jumbo;
|
|
);
|
|
|
|
$gutter-width: 15px;
|
|
|
|
$flex-grid-count: 12;
|
|
$flex-grow-default: 0;
|
|
$flex-shrink-default: 1;
|
|
|
|
|
|
|
|
|
|
$sm-only: 0 $sm
|
|
$md-only: $md $lg;
|
|
$lg-only: $lg $jumbo;
|
|
|
|
$md-down: 0 $md;
|
|
$xl-down: 0 $xl;
|
|
$lg-down: 0 $lg;
|
|
$jumbo-down: 0 $jumbo;
|
|
|
|
$md-portrait: screen 0 $md (orientation landscape);
|
|
$lg-portrait: screen (min-width $lg) (orientation landscape);
|
|
$tablet-only: screen (min-width $md) (max-width $lg);
|
|
|
|
|
|
//===========
|
|
// Colors
|
|
//==========
|
|
$color-white: #FFF;
|
|
$color-black: #000;
|
|
|
|
//===================
|
|
// Buttons
|
|
//===================
|
|
$button-padding: 8px 20px;
|
|
$button-border-radius: 5px;
|
|
$button-color: $color-black;
|
|
|
|
//======
|
|
// Typography
|
|
//=======
|
|
$body-font-family: sans-serif !default;
|
|
$body-font-size: 16px !default;
|
|
$body-font-color: #0a0a0a !default;
|
|
$body-line-height: 24px !default;
|
|
$body-font-size-small: 0.85rem !default;
|
|
$bold-font-weight: 700 !default;
|
|
|
|
$header-font-breakpoint: 650px !default;
|
|
$header-font-family: serif !default;
|
|
$h1-size-small: 24px !default;
|
|
$h1-size-medium: 48px !default;
|
|
$h2-size-small: 20px !default;
|
|
$h2-size-medium: 40px !default;
|
|
$h3-size-small: 19px !default;
|
|
$h3-size-medium: 31px !default;
|
|
$h4-size-small: 18px !default;
|
|
$h4-size-medium: 25px !default;
|
|
$h5-size-small: 17px !default;
|
|
$h5-size-medium: 20px !default;
|
|
$h6-size-small: 16px !default;
|
|
$h6-size-medium: $h6-size-small !default;
|
|
|
|
$code-font-family: monospace !default;
|
|
$code-font-size: 0.9rem !default;
|
|
$code-font-color: #0a0a0a !default;
|
|
$code-background-color: #e6e6e6 !default;
|
|
$code-padding: 2px 4px !default;
|
|
$code-border-radius: 4px !default;
|
|
$code-border: 1px solid #cacaca !default;
|
|
|
|
$link-font-color: #337ab7 !default;
|
|
$link-font-hover-color: #23527c !default;
|
|
$link-show-underline: false !default;
|
|
$link-show-underline-hover: true !default;
|
|
|
|
$font-highlight-background: #fcf8e3 !default;
|
|
$font-highlight-padding: 0.2rem !default;
|
|
|
|
$blockquote-margin: 32px 0 !default;
|
|
$blockquote-padding: 8px 16px !default;
|
|
$blockquote-font-size: $body-font-size !default;
|
|
$blockquote-border: 1px solid #DDDDDD !default;
|
|
$blockquote-font-color: #6f6f6f !default;
|
|
$blockquote-cite-font-size: 12px !default;
|
|
$blockquote-cite-font-color: #555555 !default;
|
|
|
|
|
|
//===================
|
|
// Cards
|
|
//===================
|
|
$card-shadow: 0 2px 4px rgba(0, 0, 0, 0.33);
|