mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-15 06:08:57 +03:00
51 lines
2.3 KiB
SCSS
51 lines
2.3 KiB
SCSS
|
// Navs https://www.google.com/design/spec/components/tabs.html#tabs-specs
|
||
|
|
|
||
|
|
$mdb-nav-font-weight: 500 !default; // $mdb-font-weight-base
|
||
|
|
$mdb-nav-font-size: .875rem !default; // 14
|
||
|
|
|
||
|
|
|
||
|
|
// tabs
|
||
|
|
$mdb-nav-tabs-link-padding: 1.4286em .8575em !default; // spec // was .5em 1em // relative em based on 14
|
||
|
|
$mdb-nav-tabs-border-size: .143rem !default; // 2px
|
||
|
|
|
||
|
|
$mdb-nav-tabs-color: $gray !default;
|
||
|
|
$mdb-nav-tabs-active-border-color: $brand-primary !default;
|
||
|
|
$mdb-nav-tabs-active-color: $gray-dark !default;
|
||
|
|
|
||
|
|
$mdb-nav-tabs-primary-color: $mdb-text-color-inverse !default;
|
||
|
|
$mdb-nav-tabs-primary-active-border-color: #fff !default;
|
||
|
|
$mdb-nav-tabs-primary-active-color: #fff !default;
|
||
|
|
|
||
|
|
$mdb-nav-tabs-inverse-color: $mdb-text-color-inverse !default;
|
||
|
|
$mdb-nav-tabs-inverse-active-border-color: #fff !default;
|
||
|
|
$mdb-nav-tabs-inverse-active-color: #fff !default;
|
||
|
|
|
||
|
|
|
||
|
|
//$nav-item-margin: .2rem !default;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//$mdb-nav-link-line-height: 1 !default; // makes it easier to line up with the spec
|
||
|
|
//$nav-link-padding: .5em 1em !default; // changing this for tabs alters generic navbars, so do it elsewhere with higher specificity
|
||
|
|
//$nav-link-hover-bg: $gray-lighter !default;
|
||
|
|
|
||
|
|
|
||
|
|
//$nav-disabled-link-color: $gray-light !default;
|
||
|
|
//$nav-disabled-link-hover-color: $gray-light !default;
|
||
|
|
//
|
||
|
|
//$nav-tabs-border-color: #ddd !default;
|
||
|
|
//
|
||
|
|
//$nav-tabs-link-border-width: $border-width !default;
|
||
|
|
//$nav-tabs-link-hover-border-color: $gray-lighter !default;
|
||
|
|
//
|
||
|
|
$nav-tabs-active-link-hover-bg: transparent !default; // $body-bg
|
||
|
|
//$nav-tabs-active-link-hover-color: $gray !default;
|
||
|
|
//$nav-tabs-active-link-hover-border-color: #ddd !default;
|
||
|
|
//
|
||
|
|
//$nav-tabs-justified-link-border-color: #ddd !default;
|
||
|
|
//$nav-tabs-justified-active-link-border-color: $body-bg !default;
|
||
|
|
//
|
||
|
|
//$nav-pills-border-radius: $border-radius !default;
|
||
|
|
//$nav-pills-active-link-hover-bg: $component-active-bg !default;
|
||
|
|
//$nav-pills-active-link-hover-color: $component-active-color !default;
|