Current Directory: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master-max
Viewing File: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master-max/variables.less
//
// Component: Variables
//
// ========================================================================
@internal-fonts: 'Roboto:300,400|Roboto+Condensed:300,400,700|Open+Sans:600';
// Global variables
// ========================================================================
//
// Typography
//
@global-font-family: Roboto;
@global-font-size: 16px;
@global-line-height: 1.625; // 26px
@global-xxlarge-font-size: 54px;
@global-xlarge-font-size: 46px;
@global-large-font-size: 22px;
@global-medium-font-size: 18px;
@global-small-font-size: 13px;
@global-primary-font-family: Roboto Condensed;
@global-primary-font-weight: 300;
@global-primary-text-transform: none;
@global-primary-letter-spacing: inherit;
@global-primary-font-style: inherit;
@global-secondary-font-family: Roboto;
@global-secondary-font-weight: normal;
@global-secondary-text-transform: inherit;
@global-secondary-letter-spacing: inherit;
@global-secondary-font-style: inherit;
//
// Colors
//
@global-color: #767779;
@global-emphasis-color: #5b5b5b;
@global-muted-color: #cbcbcb;
@global-link-color: @global-primary-background;
@global-link-hover-color: darken(@global-link-color, 10%);
@global-inverse-color: #fff;
//
// Backgrounds
//
@global-background: #fff;
@global-muted-background: #fafafa;
@global-primary-background: #00a0de;
@global-secondary-background: #1b2831;
@global-success-background: #01ce7f;
@global-warning-background: #f8d027;
@global-danger-background: #f54f43;
//
// Borders
//
@global-border: #e8e8e8;
@global-border-width: 1px;
@global-border-radius: 2px;
//
// Box-Shadows
//
@global-small-box-shadow: 0 3px 12px rgba(0,0,0,0.07);
@global-medium-box-shadow: 0 4px 28px rgba(0,0,0,0.07);
@global-large-box-shadow: 0 6px 50px rgba(0,0,0,0.05);
@global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16);
//
// Spacings
//
// Used in margin, section, list
@global-margin: 20px;
@global-small-margin: 10px;
@global-medium-margin: 40px;
@global-large-margin: 70px;
@global-xlarge-margin: 140px;
// Used in grid, column, container, align, card, padding
@global-gutter: 25px;
@global-small-gutter: 15px;
@global-medium-gutter: 40px;
@global-large-gutter: 70px;
//
// Controls
//
@global-control-height: 40px;
@global-control-small-height: 30px;
@global-control-large-height: 55px;
//
// Z-index
//
@global-z-index: 1000;