gilour

Back Back Up Advanced Editor

/* ------------------ Overwrite Bootstrap default variables ----------------- */

/* global */

$enable-negative-margins: true;
$spacer: 1rem;

/* Text basics */

$font-size-base: 0.8125rem; /* ~13px*/
$font-size-lg: ($font-size-base * 1.076923); /* ~14px*/
$font-size-sm: ($font-size-base * 0.923077); /* ~12px*/
$h1-font-size: ($font-size-base * 1.923077); /* ~25px*/
$h2-font-size: ($font-size-base * 1.769231); /* ~23px*/
$h3-font-size: ($font-size-base * 1.615385); /* ~21px*/
$h4-font-size: ($font-size-base * 1.461538); /* ~19px*/
$h5-font-size: ($font-size-base * 1.307692); /* ~17px*/
$h6-font-size: ($font-size-base * 1.153846); /* ~15px*/

$form-feedback-font-size: $font-size-base;
$form-text-font-size: inherit;

$line-height-base: 1.5; /* 18/12*/
$line-height-lg: 1.6666666666666667; /* 20/12/*/
$line-height-sm: 1.3333333333333333; /* 16/12*/
$line-height-xs: 1.1666666666666667; /* 14/12*/
$headings-font-weight: 400;
$headings-line-height: $line-height-base;
$small-font-size: 75%;

/* navbar */

$navbar-padding-y: 0;
$navbar-brand-font-size: $font-size-lg;
$navbar-nav-link-padding-x: 0.9rem;
$navbar-brand-padding-y: 0;
$navbar-brand-height: $navbar-brand-font-size * $line-height-base;
$navbar-height: $navbar-brand-height * 1.5 + $navbar-padding-y * 2;
$default-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

$navbar-light-toggler-icon-bg:      url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

$navbar-dark-toggler-icon-bg:       url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

/* Define common padding and border radius sizes */

$padding-y: 0.5rem;
$padding-x: 1rem;

$padding-y-xs: 0.3125rem;
$padding-x-xs: 0.5625rem;

$padding-y-sm: 0.3125rem;
$padding-x-sm: 0.75rem;

$padding-y-lg: 0.625rem;
$padding-x-lg: 1.25rem;

$border-radius-base: 3px;
$border-radius-lg: 4px;
$border-radius-sm: 2px;

$input-btn-padding-y-xs: $padding-y-xs;
$input-btn-padding-x-xs: $padding-x-xs;
$input-btn-font-size-xs: $small-font-size;
$input-btn-line-height-xs: $line-height-base;

$input-btn-padding-y-sm: $padding-y-sm;
$input-btn-padding-x-sm: $padding-x-sm;
$input-btn-font-size-sm: $font-size-sm;
$input-btn-line-height-sm: $line-height-base;

$btn-padding-y-xs: $input-btn-padding-y-xs;
$btn-padding-x-xs: $input-btn-padding-x-xs;
$btn-font-size-xs: $input-btn-font-size-xs;
$btn-line-height-xs: $input-btn-line-height-xs;

$backdrop-opacity: .5;

/* Breadcrumbs */

$breadcrumb-padding-y:              $spacer;
$breadcrumb-padding-x:              .75rem;
$breadcrumb-item-padding-x:         .5rem;

/* cards */

$card-spacer-y: 0.9375rem;
$card-spacer-x: 0.9375rem;

/* Dropdowns */

$dropdown-spacer: 0;
$dropdown-padding-y: 0;
$dropdown-item-padding-y: $spacer/2;

/* Pills */

$nav-pills-link-active-bg: transparent;

/* Tables */

$table-cell-padding-x:        .75rem;
$table-cell-padding-y:        .75rem;