theme-builder/docroot/modules/custom/koality_theme/templates/theme/src/global/utils/_variables.scss

//=======================================================
// 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);