Files
tripwithbonus/styles/base/variables.scss

57 lines
2.3 KiB
SCSS

//================================================================================//
//================================== grid ========================================//
//================================================================================//
$grid-columns: 12;
//$grid-gutter-width: 20px;
// media breakpoints
$screen-xxl-min: 1760px;//*
$container-xxl: 1720px;//*
$screen-xl-min: 1320px;
$container-xl: 1280px;
$screen-xl-max: ($screen-xl-min - .02);
$screen-lg-min: 992px;
$container-lg: 952px;
$screen-lg-max: ($screen-xl-min - .02);
$screen-md-min: 768px;
$container-md: 728px;
$screen-md-max: ($screen-lg-min - .02);
$screen-sm-min: 576px;
$container-sm: 536px;
$screen-sm-max: ($screen-md-min - .02);
$screen-xs-min: 0;
$screen-xs-max: ($screen-sm-min - .02);
//================================================================================//
//================================= colors =======================================//
//================================================================================//
$brand-primary: #FF613A;
$brand-white: #FFFFFF;
$brand-black: #000000;
$brand-black2: #272424;
$brand-grey: #F1F1F1;
$brand-grey2: #E6E6E6;
$brand-grey3: #7A7979;
$brand-orange: #FF613A;
//================================================================================//
//================================ Shadow ========================================//
//================================================================================//
$box-shadow-primary: -1px 4px 10px 0 rgba(198, 199, 203, 0.20),
0 -1px 10px 0 rgba(198, 199, 203, 0.20);
//================================================================================//
//================================ Inputs ========================================//
//================================================================================//
$base-border-radius: 10px;
$base-border: 2.5px solid $brand-grey2;
$base-input-height: 60px;