@finqu/cool 1.2.29 → 1.3.0

package/scss/_variables.scss

@@ -1,823 +0,0 @@
-// Variables
-// -----------------------------------------------------------------------------------------
-
-// Colors
-// Provide a decent range of greys. This is also to make some
-// syncing with Ionic theming.
-$grey-50: 									 #F0F0F0 !default;
-$grey-100: 									 #E1E1E1 !default;
-$grey-150: 									 #D9D9D9 !default;
-$grey-200: 									 #CCCCCC !default;
-$grey-250: 									 #BFBFBF !default;
-$grey-300: 									 #B3B3B3 !default;
-$grey-350: 									 #A6A6A6 !default;
-$grey-400: 									 #999999 !default;
-$grey-450: 									 #8C8C8C !default;
-$grey-500: 									 #808080 !default;
-$grey-550: 									 #737373 !default;
-$grey-600: 									 #666666 !default;
-$grey-650: 									 #595959 !default;
-$grey-700: 									 #4D4D4D !default;
-$grey-750: 									 #404040 !default;
-$grey-800: 									 #333333 !default;
-$grey-850: 									 #262626 !default;
-$grey-900: 									 #1A1A1A !default;
-$grey-950: 									 #0D0D0D !default;
-
-// These colors do not provide any semantic context and therefore
-// make adjustments to the UI really hard if developers use such
-// definitions. Therefore these colors should not be provided
-// as general CSS classes but as a guideline for developers
-// to use right colors when creating spesific components.
-//
-// 'blue' color isn't anything else but a shade of blue color but
-// 'info' can be anything that fits the UI design. So if we were
-// to change UI to a blue themed design text and background classes as
-// text-blue or bg-blue would be a pain in the ass.
-//
-// Also it would make sense to provide shades and tints for other
-// colors too and not only for greys.
-$colors: () !default;
-$colors: map-merge(
-	(
-		// Black and white don't need to be variables
-		// as they are just white and black. If we do not provide
-		// any helper classes for these (read the above)
-		// these variables really do not make any sense, do they?
-	    // 'white':                             #ffffff,
-	    // 'black':                             #000000,
-
-	    'grey-lightest':                     $grey-50,
-	    'grey-lighter':                      $grey-200,
-	    'grey-light':                        $grey-350,
-	    'grey':                              $grey-500,
-	    'grey-dark':                         $grey-650,
-	    'grey-darker':                       $grey-800,
-	    'grey-darkest':                      $grey-950,
-
-		'blue-lightest':					 #d0ddf5,
-		'blue-lighter':						 #a2bbea,
-		'blue-light':						 #7499e0,
-	    'blue':                              #4577D5,
-	    'blue-dark':						 #2755ad,
-	    'blue-darker':						 #1a3973,
-	    'blue-darkest':						 #0d1c3a,
-
-		'green-lightest':					 #d8ecdf,
-		'green-lighter':					 #b1dabf,
-		'green-light':						 #89c79f,
-	    'green':                             #62B47F,
-	    'green-dark':						 #438d5d,
-	    'green-darker':						 #2d5e3e,
-	    'green-darkest':					 #162f1f,
-
-		'red-lightest':						 #ffceda,
-		'red-lighter':						 #fe9eb5,
-		'red-light':						 #fe6d90,
-	    'red':                             	 #FE3C6B,
-	    'red-dark':							 #ea013a,
-	    'red-darker':						 #9c0126,
-	    'red-darkest':						 #4e0013,
-
-		'yellow-lightest':					 #fdf0d6,
-		'yellow-lighter':					 #fbe0ac,
-		'yellow-light':						 #f8d183,
-	    'yellow':                            #F6C25A,
-	    'yellow-dark':						 #efa40d,
-	    'yellow-darker':					 #9f6d09,
-	    'yellow-darkest':					 #503704
-	),
-	$colors
-);
-
-
-
-$theme-colors: () !default;
-$theme-colors: map-merge(
-	(
-		'primary':                           #212121,
-		'secondary':                         #e4e4e4,
-		'success':                           #62B47F,
-		'info':                              #4577D5,
-		'warning':                           #F6C25A,
-		'danger':                            #FE3C6B,
-		'light':							 $grey-150,
-		'medium':							 $grey-450,
-		'dark':								 $grey-700,
-		'brand':                             #EF5FA0,
-   	),
-	$theme-colors
-);
-
-
-// Color contrast
-$yiq-contrasted-threshold:                   150 !default;
-$yiq-text-dark:                              $grey-800 !default;
-$yiq-text-light:                             #ffffff !default;
-
-
-// Utilities
-$displays: (
-	none,
-	inline,
-	inline-block,
-	block,
-	table,
-	table-row,
-	table-cell,
-	flex,
-	inline-flex
-) !default;
-
-$overflows: (
-	auto,
-	hidden,
-	visible
-) !default;
-
-$positions: (
-	static,
-	relative,
-	absolute,
-	fixed,
-	sticky
-) !default;
-
-
-// Grid
-$grid-columns:                               12 !default;
-$grid-gutter-width:                          20px !default;
-$grid-breakpoints: (
-	xs: 0,
-	xs-lg: 400px,
-	sm: 568px,
-	md: 768px,
-	lg: 1047px,
-	xl: 1280px
-) !default;
-
-@include _assert-ascending(
-	$grid-breakpoints,
-	'$grid-breakpoints'
-);
-
-@include _assert-starts-at-zero(
-	$grid-breakpoints,
-	'$grid-breakpoints'
-);
-
-$container-content-max-width:                1200px;
-$container-max-widths: (
-	sm: 540px,
-	md: 720px,
-	lg: 960px,
-	xl: 1140px
-) !default;
-
-@include _assert-ascending(
-	$container-max-widths,
-	'$container-max-widths'
-);
-
-
-// Spacing
-$spacer:                                     5px !default;
-$spacers: () !default;
-$spacers: map-merge(
-	(
-		0: $spacer * 0,
-		1: $spacer * 1,
-		2: $spacer * 2,
-		3: $spacer * 3,
-		4: $spacer * 4,
-		5: $spacer * 5,
-		6: $spacer * 6
-	),
-	$spacers
-);
-
-
-// Sizing
-$sizes: () !default;
-$sizes: map-merge(
-	(
-		25: 25%,
-		50: 50%,
-		75: 75%,
-		100: 100%,
-		auto: auto
-	),
-	$sizes
-);
-
-
-// Body
-$body-bg:                                    #eaeaea; //#F1F1F1 !default;
-$body-color:                                 #212121 !default;
-$body-hover-bg:								 #fafafa !default;
-$body-emphasize-bg:							 #fafafa !default;
-
-// Borders
-$border-width:                               1px !default;
-$border-color:                               $grey-50 !default;
-
-$border-radius:                              6px !default;
-$border-radius-xs:                           4px !default;
-$border-radius-sm:                           5px !default;
-$border-radius-lg:                           7px !default;
-
-
-// Navbar
-$navbar-bg:                                  transparent !default;
-$navbar-color:                               $body-color !default;
-$navbar-hover-color:                         theme-color('brand') !default;
-$navbar-height:                              60px !default;
-$navbar-height-sm:                           60px !default;
-$navbar-border-width:                        1px !default;
-$navbar-border-color:                        transparent;
-$navbar-padding-x:                           15px !default;
-
-$navbar-item-min-width:                      45px !default;
-$navbar-item-padding-x:                      8px !default;
-$navbar-item-font-size:                      14px !default;
-$navbar-item-icon-size:                      20px !default;
-$navbar-item-spacer-width:					 10px !default;
-$navbar-pulse-shadow-color: 				 lighten($navbar-color, 10%) !default;
-
-// Fonts
-$font-family-sans-serif:                     'Inter', Helvetica, Arial, sans-serif !default;
-$font-family-serif:                          Georgia, 'Times New Roman', Times, serif !default;
-$font-family-title: 						'Poppins', sans-serif !default;
-$font-family-monospace:                      Menlo, Monaco, Consolas, 'Courier New', monospace !default;
-$font-family-base:                           $font-family-sans-serif !default;
-
-$font-size-base:                             14px !default;
-$font-size-lg:                               16px !default;
-$font-size-sm:                               12px !default;
-$font-size-xs:								 10px !default;
-
-$font-weight-lighter:                        lighter !default;
-$font-weight-light:                          400 !default;
-$font-weight-normal:                         500 !default;
-$font-weight-bold:                           600 !default;
-$font-weight-bolder:                         bolder !default;
-$font-weight-base:                           $font-weight-normal !default;
-
-$line-height-lg:                             1.5 !default;
-$line-height-base:                           1.5 !default;
-$line-height-sm:                             1.35 !default;
-$line-height-xs:                             1.25 !default;
-$line-height-computed:                       floor(($font-size-base * $line-height-base)) !default; // 21px
-
-											 // Minor third scale (1.2)
-$h1-font-size:                               floor(($font-size-base * 2.986)) !default;
-$h2-font-size:                               floor(($font-size-base * 2.488)) !default;
-$h3-font-size:                               ceil(($font-size-base * 2.074)) !default;
-$h4-font-size:                               ceil(($font-size-base * 1.728)) !default;
-$h5-font-size:                               ceil(($font-size-base * 1.44)) !default;
-$h6-font-size:                               ceil(($font-size-base * 1.2)) !default;
-
-$headings-margin-bottom:	                 calc(#{$line-height-computed / 2}) !default;
-$headings-font-family:                       $font-family-title !default;
-$headings-font-weight:                       600 !default;
-$headings-line-height:                       1.2 !default;
-$headings-color:                             inherit !default;
-
-$display1-size:                              104px !default;
-$display2-size:                              86px !default;
-$display3-size:                              72px !default;
-$display4-size:                              60px !default;
-
-$display1-weight:                            600 !default;
-$display2-weight:                            600 !default;
-$display3-weight:                            600 !default;
-$display4-weight:                            600 !default;
-$display-line-height:                        $headings-line-height !default;
-
-$lead-font-size:                             $font-size-base * 1.25 !default;
-$lead-font-weight:                           300 !default;
-
-$small-font-size:                            80% !default;
-
-$hr-border-color:                            $border-color !default;
-$hr-border-width:                            $border-width !default;
-$hr-margin-y:                                spacer(3) !default;
-
-
-// Frame
-$frame-enable:                               true !default;
-
-$frame-sidebar-left-width:                   280px !default;
-$frame-sidebar-left-bg:                      transparent !default;
-$frame-sidebar-left-bg-mobile:               transparent !default;
-$frame-sidebar-left-border-width:            0 !default;
-$frame-sidebar-left-border-color:            $border-color !default;
-$frame-sidebar-left-padding-y:			     0px !default;
-$frame-sidebar-left-padding-x:			     0px !default;
-$frame-sidebar-left-header-padding-y: 		 30px !default;
-$frame-sidebar-left-header-padding-x: 		 30px !default;
-$frame-sidebar-left-content-padding-y:		 20px !default;
-$frame-sidebar-left-content-padding-x:		 20px !default;
-
-$frame-sidebar-spacing:						 0px !default;
-$frame-sidebar-right-width:                  280px !default;
-$frame-sidebar-right-bg:                     transparent !default;
-$frame-sidebar-right-bg-mobile:              transparent !default;
-$frame-sidebar-right-border-width:           0 !default;
-$frame-sidebar-right-border-color:           $border-color !default;
-
-$frame-sidebar-nav-style: 				  	 'simple' !default;
-$frame-sidebar-nav-bg:						 transparent !default;
-$frame-sidebar-nav-padding-y:		 		 0px !default;
-$frame-sidebar-nav-padding-x:		         10px !default;
-$frame-sidebar-sub-nav-padding-y:		 	 0px !default;
-$frame-sidebar-sub-nav-padding-x:		     0px !default;
-$frame-sidebar-nav-font-family:				 $font-family-title;
-$frame-sidebar-nav-icon-size:                20px !default;
-$frame-sidebar-nav-icon-color:               $body-color !default;
-$frame-sidebar-nav-icon-hover-color:         $body-color !default;
-$frame-sidebar-nav-icon-active-color:        $body-color !default;
-
-$frame-sidebar-nav-item-padding-x: 			 0px !default;
-$frame-sidebar-nav-item-padding-y: 			 7px !default;
-$frame-sidebar-nav-item-child-padding-x: 	 0px !default;
-$frame-sidebar-nav-item-child-padding-y: 	 9px !default;
-$frame-sidebar-nav-item-border-color:        $border-color !default;
-
-$frame-sidebar-nav-item-parent-font-size:    16px !default;
-$frame-sidebar-nav-item-parent-font-weight:  600 !default;
-$frame-sidebar-nav-item-parent-color:        $body-color !default;
-$frame-sidebar-nav-item-parent-hover-color:  $body-color !default;
-$frame-sidebar-nav-item-parent-active-color: $body-color !default;
-
-$frame-sidebar-nav-item-child-font-size:     12px !default;
-$frame-sidebar-nav-item-child-font-weight:   500 !default;
-$frame-sidebar-nav-item-child-color:         $body-color !default;
-$frame-sidebar-nav-item-child-hover-color:   $body-color !default;
-$frame-sidebar-nav-item-child-active-color:  $body-color !default;
-
-$frame-sidebar-tabs-color:                   theme-color('medium') !default;
-$frame-sidebar-tabs-bg:                      transparent !default;
-$frame-sidebar-tabs-border-color:            $border-color !default;
-
-$frame-sidebar-tabs-hover-color:             theme-color('medium') !default;
-$frame-sidebar-tabs-hover-bg:                transparent !default;
-$frame-sidebar-tabs-hover-border-color:      $border-color !default;
-
-$frame-sidebar-tabs-active-color:            darken(theme-color('medium'), 10%) !default;
-$frame-sidebar-tabs-active-bg:               theme-color('light') !default;
-$frame-sidebar-tabs-active-border-color:     color('blue') !default;
-
-$frame-content-box-shadow:					 none !default; //0px 0px 20px rgba(0, 0, 0, 0.05) !default;
-$frame-content-bg:							 $body-bg !default; //#FAFAFA !default;
-$frame-content-padding-sm:				     10px !default;
-$frame-content-border-radius-sm:			 $border-radius-sm $border-radius-sm 0 0 !default;
-$frame-content-padding:					     30px 10px !default;
-$frame-content-border-radius:				 $border-radius 0 0 $border-radius !default;
-
-// Icon
-$icon-color:                                 theme-color('medium') !default;
-$icon-spacer:                                5px;
-
-
-// Box shadow
-$box-shadow-sm:                              0 17px 3px rgba(#000000, .075) !default;
-$box-shadow:                                 0 7px 14px rgba(#000000, .15) !default;
-$box-shadow-lg:                              0 14px 42px rgba(#000000, .175) !default;
-
-
-// Caret
-$caret-width:                                4px !default;
-
-
-// Buttons + Forms
-$input-btn-padding-y:                        11px !default;
-$input-btn-padding-x:                        16px !default;
-$input-btn-font-family:                      $font-family-sans-serif !default;
-$input-btn-font-size:                        $font-size-base !default;
-$input-btn-line-height:                      $line-height-base !default;
-
-$input-btn-padding-y-xs:                     6px !default;
-$input-btn-padding-x-xs:                     9px !default;
-$input-btn-font-size-xs:                     $font-size-xs !default;
-$input-btn-line-height-xs:                   $line-height-xs !default;
-
-$input-btn-padding-y-sm:                     9px !default;
-$input-btn-padding-x-sm:                     13px !default;
-$input-btn-font-size-sm:                     $font-size-sm !default;
-$input-btn-line-height-sm:                   $line-height-sm !default;
-
-$input-btn-padding-y-lg:                     14px !default;
-$input-btn-padding-x-lg:                     20px !default;
-$input-btn-font-size-lg:                     $font-size-base + 1px !default;
-$input-btn-line-height-lg:                   $line-height-lg !default;
-
-$input-btn-border-width:                     $border-width !default;
-
-
-// Buttons
-$btn-padding-y:                              $input-btn-padding-y !default;
-$btn-padding-x:                              $input-btn-padding-x !default;
-$btn-font-family:                            $input-btn-font-family !default;
-$btn-font-size:                              $input-btn-font-size !default;
-$btn-line-height:                            $input-btn-line-height !default;
-
-$btn-padding-y-xs:                           $input-btn-padding-y-xs !default;
-$btn-padding-x-xs:                           $input-btn-padding-x-xs !default;
-$btn-font-size-xs:                           $input-btn-font-size-xs !default;
-$btn-line-height-xs:                         $input-btn-line-height-xs !default;
-
-$btn-padding-y-sm:                           $input-btn-padding-y-sm !default;
-$btn-padding-x-sm:                           $input-btn-padding-x-sm !default;
-$btn-font-size-sm:                           $input-btn-font-size-sm !default;
-$btn-line-height-sm:                         $input-btn-line-height-sm !default;
-
-$btn-padding-y-lg:                           $input-btn-padding-y-lg !default;
-$btn-padding-x-lg:                           $input-btn-padding-x-lg !default;
-$btn-font-size-lg:                           $input-btn-font-size-lg !default;
-$btn-line-height-lg:                         $input-btn-line-height-lg !default;
-
-$btn-border-width:                           $input-btn-border-width !default;
-
-$btn-font-weight:                            600 !default;
-$btn-block-spacing-y:                        8px !default;
-
-$btn-border-radius:                          $border-radius !default;
-$btn-border-radius-lg:                       $border-radius-lg !default;
-$btn-border-radius-sm:                       $border-radius-sm !default;
-$btn-border-radius-xs:                       $border-radius-xs !default;
-
-$btn-icon-height:                            calc(#{$btn-line-height * $btn-font-size} + #{$btn-padding-y * 2}) !default;
-$btn-icon-height-sm:                         calc(#{$btn-line-height-sm * $btn-font-size-sm} + #{$btn-padding-y-sm * 2}) !default;
-$btn-icon-height-lg:                         calc(#{$btn-line-height-lg * $btn-font-size-lg} + #{$btn-padding-y-lg * 2}) !default;
-
-
-// Forms
-$label-font-size:                            12px !default;
-$label-margin-bottom:                        6px !default;
-
-$input-padding-y:                            $input-btn-padding-y !default;
-$input-padding-x:                            $input-btn-padding-x !default;
-$input-font-family:                          $font-family-sans-serif !default;
-$input-font-size:                            $input-btn-font-size !default;
-$input-font-weight:                          $font-weight-normal !default;
-$input-line-height:                          $input-btn-line-height !default;
-
-$input-padding-y-sm:                         $input-btn-padding-y-sm !default;
-$input-padding-x-sm:                         $input-btn-padding-x-sm !default;
-$input-font-size-sm:                         $input-btn-font-size-sm !default;
-$input-line-height-sm:                       $input-btn-line-height-sm !default;
-
-$input-padding-y-lg:                         $input-btn-padding-y-lg !default;
-$input-padding-x-lg:                         $input-btn-padding-x-lg !default;
-$input-font-size-lg:                         $input-btn-font-size-lg !default;
-$input-line-height-lg:                       $input-btn-line-height-lg !default;
-
-$input-bg:                                   #f3f3f3 !default;
-$input-disabled-bg:                          #f3f3f3 !default;
-$input-disabled-color:						 theme-color('medium') !default;
-
-$input-color:                                $body-color !default;
-$input-border-color:                         $grey-100 !default;
-$input-border-width:                         $input-btn-border-width !default;
-
-$input-border-radius:                        $border-radius !default;
-$input-border-radius-lg:                     $border-radius-lg !default;
-$input-border-radius-sm:                     $border-radius-sm !default;
-
-$input-focus-border-color:                   theme-color('medium') !default;
-$input-placeholder-color:                    theme-color('medium') !default;
-$input-plaintext-color:                      $body-color !default;
-
-$input-height-border:                        $input-border-width * 2 !default;
-$input-height-inner:                         $input-line-height * $input-font-size + $input-padding-y * 2 !default;
-$input-height-inner-half:                    $input-line-height * $input-font-size / 2 + $input-padding-y !default;
-$input-height-inner-quarter:                 $input-line-height * $input-font-size / 4 + $input-padding-y / 2 !default;
-
-$input-height:                               $input-line-height * $input-font-size + $input-padding-y * 2 + $input-height-border !default;
-$input-height-sm:                            $input-line-height-sm * $input-font-size-sm + $input-btn-padding-y-sm * 2 + $input-height-border !default;
-$input-height-lg:                            $input-line-height-lg * $input-font-size-lg + $input-btn-padding-y-lg * 2 + $input-height-border !default;
-
-$input-group-addon-color:                    $input-color !default;
-$input-group-addon-bg:                       $input-bg !default;
-$input-group-addon-border-color:             $input-border-color !default;
-
-$form-text-margin-top:                       4px !default;
-
-$form-check-input-gutter:                    spacer(3) !default;
-$form-check-input-margin-y:                  4px !default;
-$form-check-input-margin-x:                  3px !default;
-
-$form-check-inline-margin-x:                 10px !default;
-$form-check-inline-input-margin-x:           5px !default;
-
-$form-grid-gutter-width:                     spacer(3) !default;
-$form-group-margin-bottom:                   spacer(3) !default;
-
-$form-feedback-margin-top:                   $form-text-margin-top !default;
-$form-feedback-font-size:                    $small-font-size !default;
-$form-feedback-valid-color:                  theme-color('success') !default;
-$form-feedback-invalid-color:                theme-color('danger') !default;
-
-$form-validation-states: () !default;
-$form-validation-states: map-merge(
-	(
-		'valid': (
-			'color': $form-feedback-valid-color,
-		),
-		'invalid': (
-			'color': $form-feedback-invalid-color,
-		),
-	),
-	$form-validation-states
-);
-
-
-// Badge
-$badge-xs-font-size:                         $font-size-xs !default;
-$badge-xs-font-weight:                       600 !default;
-$badge-xs-line-height:                       $line-height-xs !default;
-$badge-xs-padding-y:                         2px !default;
-$badge-xs-padding-x:                         5px !default;
-
-$badge-sm-font-size:                         $font-size-sm !default;
-$badge-sm-font-weight:                       600 !default;
-$badge-sm-line-height:                       $line-height-sm !default;
-$badge-sm-padding-y:                         3px !default;
-$badge-sm-padding-x:                         7px !default;
-
-$badge-font-size:                            $font-size-base !default;
-$badge-font-weight:                          600 !default;
-$badge-line-height:                          $line-height-base !default;
-$badge-padding-y:                            5px !default;
-$badge-padding-x:                            10px !default;
-$badge-border-radius:                        $border-radius !default;
-
-
-// Pagination
-$pagination-padding-y:                       8px !default;
-$pagination-padding-x:                       12px !default;
-
-$pagination-active-color:                    $body-color !default;
-$pagination-disabled-color:                  theme-color('light') !default;
-
-$pagination-color:                           theme-color('medium') !default;
-$pagination-line-height:                     20px !default;
-
-$pagination-hover-color:                     theme-color('dark') !default;
-
-
-// Z-index
-$zindex-fixed:                               1005 !default;
-$zindex-sticky:                              1005 !default;
-$zindex-popover:                             1005 !default;
-$zindex-tooltip:                             1005 !default;
-$zindex-dropdown:                            1005 !default;
-$zindex-select:                              1005 !default;
-$zindex-toast:                               1010 !default;
-$zindex-dialog:                              1010 !default;
-
-
-// Links colors
-$link-color:                                 color('blue') !default;
-$link-hover-color:                           color('blue-darker') !default;
-$link-font-weight: 							 $font-weight-bold;
-$emphasized-link-hover-darken-percentage:    15% !default;
-
-
-// Table
-$table-color:                                $body-color !default;
-$table-bg:                                   #ffffff !default;
-$table-hover-color:                          $table-color !default;
-$table-hover-bg:                             #FAFAFA !default;
-$table-accent-bg:                            theme-color('light') !default;
-
-$table-link-color:                           $link-color !default;
-$table-link-hover-color:                     $link-hover-color !default;
-
-$table-head-bg:                              transparent !default;
-$table-head-color:                           $body-color !default;
-
-$table-icon-color:                           theme-color('medium') !default;
-$table-border-color:                         $border-color !default;
-
-$table-th-padding-mobile:					 10px 10px;
-$table-th-padding: 							 10px 20px;
-$table-th-padding-sm: 					     10px 20px;
-$table-th-font-family:						 $font-family-sans-serif;
-$table-th-font-weight:						 600;
-$table-th-font-size:						 $font-size-sm;
-$table-th-line-height:						 18px;
-$table-th-bg:							     transparent;
-
-$table-td-padding-mobile:					 10px 10px;
-$table-td-padding: 							 10px 20px;
-$table-td-padding-sm: 						 5px 20px;
-$table-td-line-height:						 $table-th-line-height;
-
-// Tabs
-$tabs-bg:                                    transparent !default;
-$tabs-bg-active:                             transparent !default;
-$tabs-text-color:                            theme-color('medium') !default;
-$tabs-text-active-color:                     $body-color !default;
-
-
-// Tooltips
-$tooltip-font-size:                          $font-size-sm !default;
-$tooltip-max-width:                          200px !default;
-$tooltip-color:                              #ffffff !default;
-$tooltip-bg:                                 #000000 !default;
-$tooltip-border-radius:                      $border-radius !default;
-$tooltip-opacity:                            .9 !default;
-$tooltip-padding-y:                          4px !default;
-$tooltip-padding-x:                          7px !default;
-$tooltip-margin:                             0 !default;
-
-$tooltip-arrow-width:                        12px !default;
-$tooltip-arrow-height:                       6px !default;
-$tooltip-arrow-color:                        $tooltip-bg !default;
-
-
-// Popovers
-$popover-font-size:                          $font-size-sm !default;
-$popover-bg:                                 #ffffff !default;
-$popover-box-shadow:						 0 0 20px 0 rgba(0,0,0,0.02) !default;
-$popover-max-width:                          276px !default;
-$popover-border-width:                       $border-width !default;
-$popover-border-color:                       $border-color !default;
-$popover-border-radius:                      $border-radius !default;
-
-$popover-header-bg:                          $popover-bg !default;
-$popover-header-color:                       $headings-color !default;
-$popover-header-padding-y:                   10px !default;
-$popover-header-padding-x:                   10px !default;
-
-$popover-body-color:                         $body-color !default;
-$popover-body-padding-y:                     $popover-header-padding-y !default;
-$popover-body-padding-x:                     $popover-header-padding-x !default;
-
-$popover-arrow-width:                        20px !default;
-$popover-arrow-height:                       10px !default;
-$popover-arrow-color:                        $popover-bg !default;
-
-$popover-arrow-outer-color:                  fade-in($popover-border-color, 0.05) !default;
-
-
-// Nav divider
-$nav-divider-color:                          theme-color('light') !default;
-$nav-divider-margin-y:                       14px / 2 !default;
-
-
-// Dropdown
-$dropdown-min-width:                         140px !default;
-$dropdown-padding-y:                         spacer(2) !default;
-$dropdown-spacer:                            spacer(1) !default;
-$dropdown-bg:                                #ffffff !default;
-$dropdown-color:                             $body-color !default;
-$dropdown-border-color:                      $input-border-color !default;
-$dropdown-border-radius:                     $border-radius !default;
-$dropdown-border-width:                      $border-width !default;
-$dropdown-divider-bg:                        $input-border-color !default;
-$dropdown-box-shadow:                        0 2px 5px rgba(#000000, 0.16) !default;
-
-$dropdown-link-color:                        $body-color !default;
-$dropdown-link-hover-color:                  $body-color !default;
-$dropdown-link-hover-bg:                     $grey-50 !default;
-
-$dropdown-link-active-color:                 theme-color('primary') !default;
-$dropdown-link-active-bg:                    $grey-50 !default;
-
-$dropdown-link-disabled-color:               theme-color('medium') !default;
-
-$dropdown-item-padding-y:                    spacer(2) !default;
-$dropdown-item-padding-x:                    spacer(4) !default;
-
-$dropdown-header-color:                      theme-color('medium') !default;
-
-
-// Select
-$select-spacer:                              8px !default;
-$select-bg:                                  $input-bg !default;
-$select-search-bg-color:					 $grey-150 !default;
-$select-border-color:                        $input-border-color !default;
-$select-border-radius:                       $border-radius !default;
-$select-border-width:                        $input-border-width !default;
-$select-divider-bg:                          $input-border-color !default;
-$select-box-shadow:                          0 2px 5px rgba(#000000, 0.16) !default;
-
-$select-item-color:                          $grey-900 !default;
-$select-item-hover-color:                    $grey-950 !default;
-$select-item-hover-bg:                       $grey-100 !default;
-
-$select-item-disabled-color:                 theme-color('medium') !default;
-
-$select-item-padding-y:                      12px !default;
-$select-item-padding-x:                      12px !default;
-
-$select-header-color:                        $body-color !default;
-
-
-// Section
-$section-font-size:                          $font-size-base !default;
-$section-border-radius:                      $border-radius !default;
-$section-spacer:                             spacer(4) !default;
-$section-spacer-mobile:                      spacer(2) !default;
-$section-padding:                            spacer(4) !default;
-
-$section-border-width:						 $border-width !default;
-$section-border-color:						 #ffffff !default;
-$section-bg:                                 #ffffff !default;
-$section-color:                              $body-color !default;
-$section-box-shadow:                         none; //0 4px 10px 0px rgba(0,0,0,0.02) !default; //0 1px 2px #cccccc, 0 0 0 1px #eeeeee !default;
-$section-hover-box-shadow:                   none !default; //0 1px 4px #cccccc, 0 0 0 1px #dddddd !default;
-$section-divider-height:					 $border-width;
-$section-divider-color:                      $grey-50 !default;
-$section-divider-padding:					 0 !default;
-
-$section-header-font-family:                 $font-family-title !default;
-$section-header-font-size:                   20px !default;
-$section-header-font-weight:                 600 !default;
-$section-header-bg:                          #ffffff !default;
-$section-header-color:                       $body-color !default;
-$section-header-actions-color:               $body-color !default;
-$section-header-icons-color:                 $body-color !default;
-$section-header-icons-size:                  16px !default;
-
-$section-header-subtitle-font-family:        $font-family-title !default;
-$section-header-subtitle-font-size:          14px !default;
-$section-header-subtitle-font-weight:        600 !default;
-$section-header-subtitle-bg:                 #ffffff !default;
-$section-header-subtitle-color:              theme-color('medium') !default;
-$section-header-subtitle-actions-color:      theme-color('medium') !default;
-$section-header-subtitle-icons-color:        theme-color('medium') !default;
-$section-header-subtitle-icons-size:         16px !default;
-
-$section-subheader-font-family:              $font-family-title !default;
-$section-subheader-font-size:                14px !default;
-$section-subheader-font-weight:              600 !default;
-$section-subheader-bg:                       #ffffff !default;
-$section-subheader-color:                    theme-color('medium') !default;
-$section-subheader-actions-color:            $body-color !default;
-$section-subheader-icons-color:              $body-color !default;
-$section-subheader-icons-size:               14px !default;
-
-$section-tabs-bg:                            #ffffff !default;
-$section-tabs-item-padding-y:                $section-padding !default;
-$section-tabs-item-margin-x:                 $section-padding !default;
-$section-tabs-item-min-width:                50px !default;
-
-$section-tabs-color:                         theme-color('medium') !default;
-$section-tabs-hover-color:                   theme-color('dark') !default;
-$section-tabs-active-color:                  theme-color('dark')!default;
-
-$section-tabs-border-width:                  3px !default;
-$section-tabs-border-color:                  $border-color !default;
-$section-tabs-border-hover-color:            theme-color('medium') !default;
-$section-tabs-border-active-color:           theme-color('dark') !default;
-
-
-// Toast
-$toast-font-size:                            $font-size-base !default;
-$toast-font-size-sm:                         $font-size-sm !default;
-$toast-font-size-lg:                         18px !default;
-
-$toast-bg-light:                             #ffffff !default;
-$toast-bg-dark:                              theme-color('dark') !default;
-$toast-border-width:                         $border-width !default;
-$toast-border-color-light:                   rgba(#000000, 0.2) !default;
-$toast-border-color-dark:                    rgba(#ffffff, 0.2) !default;
-$toast-border-radius:                        $border-radius !default;
-
-$toast-header-bg-light:                      darken($toast-bg-light, 3%) !default;
-$toast-header-bg-dark:                       darken($toast-bg-dark, 3%) !default;
-$toast-header-color-light:                   $headings-color !default;
-$toast-header-color-dark:                    #ffffff !default;
-$toast-header-padding-y:                     8px !default;
-$toast-header-padding-x:                     12px !default;
-
-$toast-header-padding-y-sm:                  6px !default;
-$toast-header-padding-x-sm:                  10px !default;
-
-$toast-header-padding-y-lg:                  8px !default;
-$toast-header-padding-x-lg:                  16px !default;
-
-$toast-body-color-light:                     $body-color !default;
-$toast-body-color-dark:                      #ffffff !default;
-$toast-body-padding-y:                       12px!default;
-$toast-body-padding-x:                       12px !default;
-
-$toast-body-padding-y-sm:                    10px!default;
-$toast-body-padding-x-sm:                    10px !default;
-
-$toast-body-padding-y-lg:                    16px !default;
-$toast-body-padding-x-lg:                    16px !default;
-
-$alert-box-shadow:							 none !default;
-$alert-border-width: 						 5px !default;
-$alert-bg-lighten:							 22% !default;
-
-$dialog-title-font-family: 					 $font-family-title;
-$dialog-title-font-weight: 					 600;
-$dialog-border-width: 						 0;
-$dialog-padding-x:							 spacer(4);
-$dialog-padding-y:							 spacer(4);