@finqu/cool 1.2.19 → 1.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/cool-grid.css +1 -1
- package/dist/css/cool-grid.css.map +1 -1
- package/dist/css/cool-grid.min.css.map +1 -1
- package/dist/css/cool-reboot.css +1 -1
- package/dist/css/cool-reboot.css.map +1 -1
- package/dist/css/cool-reboot.min.css.map +1 -1
- package/dist/css/cool.css +30 -12
- package/dist/css/cool.css.map +3 -3
- package/dist/css/cool.min.css +1 -1
- package/dist/css/cool.min.css.map +1 -1
- package/dist/js/cool.bundle.js +1 -1
- package/dist/js/cool.esm.js +1 -1
- package/dist/js/cool.js +1 -1
- package/html/index.html +33 -1
- package/js/dist/collapse.js +1 -1
- package/js/dist/common.js +1 -1
- package/js/dist/dropdown.js +1 -1
- package/js/dist/popover.js +1 -1
- package/js/dist/sectiontabs.js +1 -1
- package/js/dist/select.js +1 -1
- package/js/dist/tooltip.js +1 -1
- package/package.json +1 -1
- package/scss/_badge.scss +31 -12
- package/scss/_variables.scss +9 -9
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"sourcesContent": [
|
|
17
17
|
"/*!\n * Cool UI - Grid (https://finqu.fi)\n * Copyright 2020 Finqu Oy.\n * Licensed under the ISC license - (http://opensource.org/licenses/ISC)\n * Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\nhtml {\n\tbox-sizing: border-box;\n\t-ms-overflow-style: scrollbar;\n}\n\n*,\n*::before,\n*::after {\n\tbox-sizing: inherit;\n}\n\n@import \"functions\";\n@import \"variables\";\n\n@import \"mixins/breakpoints\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n\n@import \"grid\";\n@import \"utilities/display\";\n@import \"utilities/flex\";\n@import \"utilities/spacing\";",
|
|
18
18
|
"// Functions\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n// Ascending\r\n// Used to evaluate Sass maps like our grid breakpoints.\r\n@mixin _assert-ascending($map, $map-name) {\r\n\r\n\t$prev-key: null;\r\n\t$prev-num: null;\r\n\r\n\t@each $key, $num in $map {\r\n\t\t@if $prev-num == null or unit($num) == \"%\" {\r\n\t\t\t// Do nothing\r\n\t\t} @else if not comparable($prev-num, $num) {\r\n\t\t\t@warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\r\n\t\t} @else if $prev-num >= $num {\r\n\t\t\t@warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\r\n\t\t}\r\n\t\t$prev-key: $key;\r\n\t\t$prev-num: $num;\r\n\t}\r\n}\r\n\r\n\r\n// Starts at zero\r\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\r\n@mixin _assert-starts-at-zero($map, $map-name: '$grid-breakpoints') {\r\n\r\n\t$values: map-values($map);\r\n\t$first-value: nth($values, 1);\r\n\r\n\t@if $first-value != 0 {\r\n\t\t@warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\r\n\t}\r\n}\r\n\r\n\r\n// Make spacers\r\n@function spacer($key) {\r\n\r\n\t@if map-has-key($spacers, $key) {\r\n\t\t@return map-get($spacers, $key);\r\n\t}\r\n\r\n\t@warn \"Unknown `#{$key}` in $spacers.\";\r\n\t@return null;\r\n}\r\n\r\n\r\n// Replace `$search` with `$replace` in `$string`\r\n// Used on our SVG icon backgrounds for custom forms.\r\n//\r\n// @author Hugo Giraudel\r\n// @param {String} $string - Initial string\r\n// @param {String} $search - Substring to replace\r\n// @param {String} $replace ('') - New value\r\n// @return {String} - Updated string\r\n@function str-replace($string, $search, $replace: '') {\r\n\r\n $index: str-index($string, $search);\r\n\r\n @if $index {\r\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\r\n }\r\n\r\n @return $string;\r\n}\r\n\r\n\r\n// Color contrast\r\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\r\n\r\n\t@if type-of($color) == 'color' {\r\n\r\n\t\t$r: red($color);\r\n\t\t$g: green($color);\r\n\t\t$b: blue($color);\r\n\r\n\t\t$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\r\n\r\n\t\t@if ($yiq >= $yiq-contrasted-threshold) {\r\n\t\t\t@return $dark;\r\n\t\t} @else {\r\n\t\t\t@return $light;\r\n\t\t}\r\n\t}\r\n\r\n\t@warn \"`#{$color}` is not a color.\";\r\n\t@return null;\r\n}\r\n\r\n\r\n// Color\r\n@function color($key) {\r\n\r\n\t@if map-has-key($colors, $key) {\r\n\t\t@return map-get($colors, $key);\r\n\t}\r\n\r\n\t@warn \"Unknown `#{$key}` in $colors.\";\r\n\t@return null;\r\n}\r\n\r\n\r\n// Theme color\r\n@function theme-color($key) {\r\n\r\n\t@if map-has-key($theme-colors, $key) {\r\n\t\t@return map-get($theme-colors, $key);\r\n\t}\r\n\r\n\t@warn \"Unknown `#{$key}` in $theme-colors.\";\r\n\t@return null;\r\n}\r\n\r\n// Strip unit\r\n@function strip-unit($number) {\r\n\r\n\t@if type-of($number) == 'number' and not unitless($number) {\r\n\t\t@return $number / ($number * 0 + 1);\r\n\t}\r\n\r\n\t@return $number;\r\n}",
|
|
19
|
-
"// Variables\n// -----------------------------------------------------------------------------------------\n\n// Colors\n$white: #ffffff !default;\n$grey-100: #F9F9F9 !default; // Lightest\n$grey-200: #F5F5F5 !default; // Lighter\n$grey-300: #EEEEEE !default; // Light\n$grey-400: #DDDDDD !default; // Grey\n$grey-500: #95A0A9 !default; // Dark\n$grey-600: #76848F !default; // Darker\n$grey-700: #646F7A !default;\n$grey-800: #535B64 !default;\n$grey-900: #41464F !default; // Darkest\n$black: #000 !default;\n$blue-light: #DFF4FB !default;\n$blue: #03A2D2 !default;\n$blue-dark: #2491C2 !default;\n$blue-grey: #283543 !default;\n$green: #5eb951 !default;\n$pink: #DE367B !default;\n$red: #DA7070 !default;\n$yellow: #ffa900 !default;\n\n$colors: () !default;\n$colors: map-merge(\n\t(\n\t 'white': $white,\n\t 'grey-lightest': $grey-100,\n\t 'grey-lighter': $grey-200,\n\t 'grey-light': $grey-300,\n\t 'grey': $grey-400,\n\t 'grey-dark': $grey-500,\n\t 'grey-darker': $grey-600,\n\t 'grey-darkest': $grey-900,\n\t 'black': $black,\n\t 'blue-light': $blue-light,\n\t 'blue': $blue,\n\t 'blue-dark': $blue-dark,\n\t 'blue-grey': $blue-grey,\n\t 'green': $green,\n\t 'pink': $pink,\n\t 'red': $red,\n\t 'yellow': $yellow\n\t),\n\t$colors\n);\n\n$primary: color('blue-grey') !default;\n$secondary: color('grey-darker') !default;\n$success: color('green') !default;\n$info: color('blue-dark') !default;\n$warning: color('yellow') !default;\n$danger: color('red') !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n\t(\n\t 'primary': $primary,\n\t 'secondary': $secondary,\n\t 'success': $success,\n\t 'info': $info,\n\t 'warning': $warning,\n\t 'danger': $danger\n \t),\n\t$theme-colors\n);\n\n\n// Color contrast\n$yiq-contrasted-threshold: 150 !default;\n$yiq-text-dark: color('grey-darkest') !default;\n$yiq-text-light: color('white') !default;\n\n\n// Utilities\n$displays: (\n\tnone,\n\tinline,\n\tinline-block,\n\tblock,\n\ttable,\n\ttable-row,\n\ttable-cell,\n\tflex,\n\tinline-flex\n) !default;\n\n$overflows: (\n\tauto,\n\thidden,\n\tvisible\n) !default;\n\n$positions: (\n\tstatic,\n\trelative,\n\tabsolute,\n\tfixed,\n\tsticky\n) !default;\n\n\n// Grid\n$grid-columns: 12 !default;\n$grid-gutter-width: 20px !default;\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px\n) !default;\n\n@include _assert-ascending(\n\t$grid-breakpoints,\n\t'$grid-breakpoints'\n);\n\n@include _assert-starts-at-zero(\n\t$grid-breakpoints,\n\t'$grid-breakpoints'\n);\n\n$container-content-max-width: 1200px;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px\n) !default;\n\n@include _assert-ascending(\n\t$container-max-widths,\n\t'$container-max-widths'\n);\n\n\n// Spacing\n$spacer: 5px !default;\n$spacers: () !default;\n$spacers: map-merge(\n\t(\n\t\t0: $spacer * 0,\n\t\t1: $spacer * 1,\n\t\t2: $spacer * 2,\n\t\t3: $spacer * 3,\n\t\t4: $spacer * 4,\n\t\t5: $spacer * 5,\n\t\t6: $spacer * 6\n\t),\n\t$spacers\n);\n\n\n// Sizing\n$sizes: () !default;\n$sizes: map-merge(\n\t(\n\t\t25: 25%,\n\t\t50: 50%,\n\t\t75: 75%,\n\t\t100: 100%,\n\t\tauto: auto\n\t),\n\t$sizes\n);\n\n\n// Body\n$body-bg: color('grey-lighter') !default;\n$body-color: color('grey-darkest') !default;\n\n\n// Borders\n$border-width: 1px !default;\n$border-color: color('grey');\n\n$border-radius: 3px !default;\n$border-radius-sm: 3px !default;\n$border-radius-lg: 5px !default;\n\n\n// Navbar\n$navbar-bg: color('blue-grey') !default;\n$navbar-color: darken(color('grey'), 10%) !default;\n$navbar-hover-color: color('blue') !default;\n$navbar-height: 60px;\n$navbar-height-sm: 48px;\n$navbar-border-width: 1px;\n$navbar-border-color: transparent;\n$navbar-padding-x: 15px;\n\n$navbar-item-min-width: 45px;\n$navbar-item-padding-x: 8px;\n$navbar-item-font-size: 14px;\n$navbar-item-icon-size: 20px;\n$navbar-pulse-shadow-color: \t\t\t\t lighten($navbar-color, 10%);\n\n// Frame\n$frame-enable: true !default;\n\n$frame-sidebar-left-width: 250px !default;\n$frame-sidebar-left-bg: $body-bg !default;\n$frame-sidebar-left-bg-mobile: color('white') !default;\n$frame-sidebar-left-border-width: 1px !default;\n$frame-sidebar-left-border-color: $border-color !default;\n\n$frame-sidebar-right-width: 250px !default;\n$frame-sidebar-right-bg: $body-bg !default;\n$frame-sidebar-right-bg-mobile: color('white') !default;\n$frame-sidebar-right-border-width: 1px !default;\n$frame-sidebar-right-border-color: $border-color !default;\n\n\n$frame-sidebar-nav-icon-size: 20px !default;\n$frame-sidebar-nav-icon-color: color('grey-darkest') !default;\n$frame-sidebar-nav-icon-hover-color: darken(color('blue-grey'), 5%) !default;\n$frame-sidebar-nav-icon-active-color: color('blue') !default;\n\n$frame-sidebar-nav-item-border-color: $border-color !default;\n\n$frame-sidebar-nav-item-parent-font-size: 14px !default;\n$frame-sidebar-nav-item-parent-color: darken(color('blue-grey'), 5%) !default;\n$frame-sidebar-nav-item-parent-hover-color: darken(color('blue-grey'), 15%) !default;\n$frame-sidebar-nav-item-parent-active-color: darken(color('blue-grey'), 5%) !default;\n\n$frame-sidebar-nav-item-child-font-size: 14px !default;\n$frame-sidebar-nav-item-child-color: darken(color('blue-grey'), 5%) !default;\n$frame-sidebar-nav-item-child-hover-color: color('blue') !default;\n$frame-sidebar-nav-item-child-active-color: color('blue') !default;\n\n$frame-sidebar-tabs-color: color('grey-darker') !default;\n$frame-sidebar-tabs-bg: transparent !default;\n$frame-sidebar-tabs-border-color: $border-color !default;\n\n$frame-sidebar-tabs-hover-color: color('grey-darker') !default;\n$frame-sidebar-tabs-hover-bg: transparent !default;\n$frame-sidebar-tabs-hover-border-color: $border-color !default;\n\n$frame-sidebar-tabs-active-color: darken(color('grey-darker'), 10%) !default;\n$frame-sidebar-tabs-active-bg: color('grey-lightest') !default;\n$frame-sidebar-tabs-active-border-color: color('blue') !default;\n\n\n// Fonts\n$font-family-sans-serif: 'Roboto', Helvetica, Arial, sans-serif !default;\n$font-family-serif: Georgia, 'Times New Roman', Times, serif !default;\n\n$font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n\n$font-size-base: 14px !default;\n$font-size-lg: 16px !default;\n$font-size-sm: 12px !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 500 !default;\n$font-weight-bolder: bolder !default;\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-lg: 1.5 !default;\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.35 !default;\n$line-height-xs: 1.25 !default;\n$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // 21px\n\n$h1-font-size: floor(($font-size-base * 1.86)) !default; // ~26px\n$h2-font-size: floor(($font-size-base * 1.60)) !default; // ~22px\n$h3-font-size: ceil(($font-size-base * 1.35)) !default; // ~19px\n$h4-font-size: ceil(($font-size-base * 1.20)) !default; // ~17px\n$h5-font-size: ceil(($font-size-base * 1.07)) !default; // ~15px\n$h6-font-size: ceil(($font-size-base * 0.85)) !default; // ~12px\n\n$headings-margin-bottom:\t calc(#{$line-height-computed / 2}) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 400 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 84px !default;\n$display2-size: 77px !default;\n$display3-size: 63px !default;\n$display4-size: 49px !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$hr-border-color: $border-color !default;\n$hr-border-width: $border-width !default;\n$hr-margin-y: spacer(3) !default;\n\n\n// Icon\n$icon-color: color('grey-darker') !default;\n$icon-spacer: 7px;\n\n\n// Box shadow\n$box-shadow-sm: 0 17px 3px rgba(color('black'), .075) !default;\n$box-shadow: 0 7px 14px rgba(color('black'), .15) !default;\n$box-shadow-lg: 0 14px 42px rgba(color('black'), .175) !default;\n\n\n// Caret\n$caret-width: 4px !default;\n\n\n// Buttons + Forms\n$input-btn-padding-y: 7px !default;\n$input-btn-padding-x: 14px !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-padding-y-sm: 6px !default;\n$input-btn-padding-x-sm: 12px !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: 10px !default;\n$input-btn-padding-x-lg: 14px !default;\n$input-btn-font-size-lg: $font-size-base + 1px !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: normal !default;\n$btn-block-spacing-y: 8px !default;\n\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-icon-height: calc(#{$btn-line-height * $btn-font-size} + #{$btn-padding-y * 2}) !default;\n$btn-icon-height-sm: calc(#{$btn-line-height-sm * $btn-font-size-sm} + #{$btn-padding-y-sm * 2}) !default;\n$btn-icon-height-lg: calc(#{$btn-line-height-lg * $btn-font-size-lg} + #{$btn-padding-y-lg * 2}) !default;\n\n\n// Forms\n$label-font-size: $font-size-sm !default;\n$label-margin-bottom: 6px !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: color('white') !default;\n$input-disabled-bg: color('grey-lighter') !default;\n\n$input-color: $body-color !default;\n$input-border-color: $border-color !default;\n$input-border-width: $input-btn-border-width !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-border-color: darken($border-color, 20%) !default;\n$input-placeholder-color: color('grey-dark') !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n$input-height-inner: $input-line-height * $input-font-size + $input-padding-y * 2 !default;\n$input-height-inner-half: $input-line-height * $input-font-size / 2 + $input-padding-y !default;\n$input-height-inner-quarter: $input-line-height * $input-font-size / 4 + $input-padding-y / 2 !default;\n\n$input-height: $input-line-height * $input-font-size + $input-padding-y * 2 + $input-height-border !default;\n$input-height-sm: $input-line-height-sm * $input-font-size-sm + $input-btn-padding-y-sm * 2 + $input-height-border !default;\n$input-height-lg: $input-line-height-lg * $input-font-size-lg + $input-btn-padding-y-lg * 2 + $input-height-border !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: color('white') !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$form-text-margin-top: 4px !default;\n\n$form-check-input-gutter: spacer(3) !default;\n$form-check-input-margin-y: 4px !default;\n$form-check-input-margin-x: 3px !default;\n\n$form-check-inline-margin-x: 10px !default;\n$form-check-inline-input-margin-x: 5px !default;\n\n$form-grid-gutter-width: spacer(3) !default;\n$form-group-margin-bottom: spacer(3) !default;\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color('success') !default;\n$form-feedback-invalid-color: theme-color('danger') !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n\t(\n\t\t'valid': (\n\t\t\t'color': $form-feedback-valid-color,\n\t\t),\n\t\t'invalid': (\n\t\t\t'color': $form-feedback-invalid-color,\n\t\t),\n\t),\n\t$form-validation-states\n);\n\n\n// Badge\n$badge-xs-font-size: $font-size-sm !default;\n$badge-xs-font-weight: $font-weight-normal !default;\n$badge-xs-line-height: $line-height-xs !default;\n$badge-xs-padding-y: 0 !default;\n$badge-xs-padding-x: 5px !default;\n\n$badge-sm-font-size: $font-size-sm !default;\n$badge-sm-font-weight: $font-weight-normal !default;\n$badge-sm-line-height: $line-height-sm !default;\n$badge-sm-padding-y: 4px !default;\n$badge-sm-padding-x: 10px !default;\n\n$badge-font-size: $font-size-sm !default;\n$badge-font-weight: $font-weight-normal !default;\n$badge-line-height: $line-height-sm !default;\n$badge-padding-y: 8px !default;\n$badge-padding-x: 15px !default;\n$badge-border-radius: $border-radius !default;\n\n\n// Pagination\n$pagination-padding-y: 8px !default;\n$pagination-padding-x: 12px !default;\n\n$pagination-active-color: color('white') !default;\n$pagination-active-bg: theme-color('primary') !default;\n$pagination-active-border-color: theme-color('primary') !default;\n\n$pagination-disabled-color: color('grey-dark') !default;\n$pagination-disabled-bg: color('grey-lighter') !default;\n$pagination-disabled-border-color: $border-color !default;\n\n$pagination-color: color('grey-darker') !default;\n$pagination-bg: color('white') !default;\n$pagination-border: 1px solid $border-color !default;\n$pagination-line-height: 20px !default;\n\n$pagination-hover-color: color('grey-darkest') !default;\n$pagination-hover-bg: color('grey-lightest') !default;\n$pagination-hover-border-color: $border-color !default;\n\n\n// Z-index\n$zindex-fixed: 1005 !default;\n$zindex-sticky: 1005 !default;\n$zindex-popover: 1005 !default;\n$zindex-tooltip: 1005 !default;\n$zindex-dropdown: 1005 !default;\n$zindex-select: 1005 !default;\n$zindex-toast: 1010 !default;\n$zindex-dialog: 1010 !default;\n\n\n// Links colors\n$link-color: color('blue') !default;\n$link-hover-color: darken(color('blue'), 15%) !default;\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n\n// Table\n$table-color: $body-color !default;\n$table-bg: color('white') !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: #ecf4f9 !default;\n$table-accent-bg: color('grey-lighter') !default;\n\n$table-link-color: $link-color !default;\n$table-link-hover-color: $link-hover-color !default;\n\n$table-head-bg: color('grey-lightest') !default;\n$table-head-color: color('grey-darker') !default;\n\n$table-icon-color: color('grey-darker') !default;\n$table-border-color: color('grey') !default;\n\n\n// Tabs\n$tabs-bg: color('white') !default;\n$tabs-bg-active: color('white') !default;\n$tabs-text-color: color('grey-darker') !default;\n$tabs-text-active-color: $body-color !default;\n\n\n// Tooltips\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: color('white') !default;\n$tooltip-bg: color('black') !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: 4px !default;\n$tooltip-padding-x: 7px !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: 12px !default;\n$tooltip-arrow-height: 6px !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n$popover-font-size: $font-size-sm !default;\n$popover-bg: color('white') !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba(color('black'), 0.2) !default;\n$popover-border-radius: $border-radius !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: 8px !default;\n$popover-header-padding-x: 12px !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 14px !default;\n$popover-arrow-height: 7px !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, 0.05) !default;\n\n\n// Nav divider\n$nav-divider-color: color('grey-light') !default;\n$nav-divider-margin-y: 14px / 2 !default;\n\n\n// Dropdown\n$dropdown-min-width: 140px !default;\n$dropdown-padding-y: 7px !default;\n$dropdown-spacer: 3px !default;\n$dropdown-bg: color('white') !default;\n$dropdown-color: $body-color !default;\n$dropdown-border-color: rgba(color('black'), 0.15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: color('grey-light') !default;\n$dropdown-box-shadow: 0 2px 5px rgba(color('black'), 0.16) !default;\n\n$dropdown-link-color: color('grey-darkest') !default;\n$dropdown-link-hover-color: darken(color('grey-darkest'), 5%) !default;\n$dropdown-link-hover-bg: color('grey-lightest') !default;\n\n$dropdown-link-active-color: color('grey-darkest') !default;\n$dropdown-link-active-bg: color('blue-light') !default;\n\n$dropdown-link-disabled-color: color('grey-darker') !default;\n\n$dropdown-item-padding-y: 5px !default;\n$dropdown-item-padding-x: 21px !default;\n\n$dropdown-header-color: color('grey-darker') !default;\n\n\n// Select\n$select-spacer: 8px !default;\n$select-bg: $input-bg !default;\n$select-border-color: $input-border-color !default;\n$select-border-radius: $border-radius !default;\n$select-border-width: $border-width !default;\n$select-divider-bg: color('grey-light') !default;\n$select-box-shadow: 0 2px 5px rgba(color('black'), 0.16) !default;\n\n$select-item-color: color('grey-darkest') !default;\n$select-item-hover-color: darken(color('grey-darkest'), 5%) !default;\n$select-item-hover-bg: color('grey-lightest') !default;\n\n$select-item-disabled-color: color('grey-darker') !default;\n\n$select-item-padding-y: 6px !default;\n$select-item-padding-x: 12px !default;\n\n$select-header-color: color('grey-darker') !default;\n\n\n// Section\n$section-font-size: $font-size-base !default;\n$section-border-radius: $border-radius !default;\n$section-spacer: spacer(4) !default;\n$section-spacer-mobile: spacer(2) !default;\n$section-padding: spacer(4) !default;\n\n$section-bg: color('white') !default;\n$section-color: $body-color !default;\n$section-box-shadow: 0 1px 2px #cccccc, 0 0 0 1px #eeeeee !default;\n$section-hover-box-shadow: 0 1px 4px #cccccc, 0 0 0 1px #dddddd !default;\n$section-divider-color: color('grey-light') !default;\n\n$section-header-font-family: $font-family-base !default;\n$section-header-font-size: 15px !default;\n$section-header-font-weight: $font-weight-bold !default;\n$section-header-bg: color('white') !default;\n$section-header-color: color('grey-darkest') !default;\n$section-header-actions-color: color('black') !default;\n$section-header-icons-color: color('grey-darkest') !default;\n$section-header-icons-size: 15px !default;\n\n$section-tabs-bg: color('white') !default;\n$section-tabs-item-padding-y: $section-padding !default;\n$section-tabs-item-margin-x: $section-padding !default;\n$section-tabs-item-min-width: 50px !default;\n\n$section-tabs-color: color('grey-darker') !default;\n$section-tabs-hover-color: color('grey-darkest') !default;\n$section-tabs-active-color: color('grey-darkest')!default;\n\n$section-tabs-border-width: 3px !default;\n$section-tabs-border-color: $border-color !default;\n$section-tabs-border-hover-color: color('grey-dark') !default;\n$section-tabs-border-active-color: color('blue') !default;\n\n\n// Toast\n$toast-font-size: $font-size-base !default;\n$toast-font-size-sm: $font-size-sm !default;\n$toast-font-size-lg: 18px !default;\n\n$toast-bg-light: color('white') !default;\n$toast-bg-dark: color('grey-darkest') !default;\n$toast-border-width: $border-width !default;\n$toast-border-color-light: rgba(color('black'), 0.2) !default;\n$toast-border-color-dark: rgba(color('white'), 0.2) !default;\n$toast-border-radius: $border-radius !default;\n\n$toast-header-bg-light: darken($toast-bg-light, 3%) !default;\n$toast-header-bg-dark: darken($toast-bg-dark, 3%) !default;\n$toast-header-color-light: $headings-color !default;\n$toast-header-color-dark: color('white') !default;\n$toast-header-padding-y: 8px !default;\n$toast-header-padding-x: 12px !default;\n\n$toast-header-padding-y-sm: 6px !default;\n$toast-header-padding-x-sm: 10px !default;\n\n$toast-header-padding-y-lg: 8px !default;\n$toast-header-padding-x-lg: 16px !default;\n\n$toast-body-color-light: $body-color !default;\n$toast-body-color-dark: color('white') !default;\n$toast-body-padding-y: 12px!default;\n$toast-body-padding-x: 12px !default;\n\n$toast-body-padding-y-sm: 10px!default;\n$toast-body-padding-x-sm: 10px !default;\n\n$toast-body-padding-y-lg: 16px !default;\n$toast-body-padding-x-lg: 16px !default;",
|
|
19
|
+
"// Variables\n// -----------------------------------------------------------------------------------------\n\n// Colors\n$white: #ffffff !default;\n$grey-100: #F9F9F9 !default; // Lightest\n$grey-200: #F5F5F5 !default; // Lighter\n$grey-300: #EEEEEE !default; // Light\n$grey-400: #DDDDDD !default; // Grey\n$grey-500: #95A0A9 !default; // Dark\n$grey-600: #76848F !default; // Darker\n$grey-700: #646F7A !default;\n$grey-800: #535B64 !default;\n$grey-900: #41464F !default; // Darkest\n$black: #000 !default;\n$blue-light: #DFF4FB !default;\n$blue: #03A2D2 !default;\n$blue-dark: #2491C2 !default;\n$blue-grey: #283543 !default;\n$green: #5eb951 !default;\n$pink: #DE367B !default;\n$red: #DA7070 !default;\n$yellow: #ffa900 !default;\n\n$colors: () !default;\n$colors: map-merge(\n\t(\n\t 'white': $white,\n\t 'grey-lightest': $grey-100,\n\t 'grey-lighter': $grey-200,\n\t 'grey-light': $grey-300,\n\t 'grey': $grey-400,\n\t 'grey-dark': $grey-500,\n\t 'grey-darker': $grey-600,\n\t 'grey-darkest': $grey-900,\n\t 'black': $black,\n\t 'blue-light': $blue-light,\n\t 'blue': $blue,\n\t 'blue-dark': $blue-dark,\n\t 'blue-grey': $blue-grey,\n\t 'green': $green,\n\t 'pink': $pink,\n\t 'red': $red,\n\t 'yellow': $yellow\n\t),\n\t$colors\n);\n\n$primary: color('blue-grey') !default;\n$secondary: color('grey-darker') !default;\n$success: color('green') !default;\n$info: color('blue-dark') !default;\n$warning: color('yellow') !default;\n$danger: color('red') !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n\t(\n\t 'primary': $primary,\n\t 'secondary': $secondary,\n\t 'success': $success,\n\t 'info': $info,\n\t 'warning': $warning,\n\t 'danger': $danger\n \t),\n\t$theme-colors\n);\n\n\n// Color contrast\n$yiq-contrasted-threshold: 150 !default;\n$yiq-text-dark: color('grey-darkest') !default;\n$yiq-text-light: color('white') !default;\n\n\n// Utilities\n$displays: (\n\tnone,\n\tinline,\n\tinline-block,\n\tblock,\n\ttable,\n\ttable-row,\n\ttable-cell,\n\tflex,\n\tinline-flex\n) !default;\n\n$overflows: (\n\tauto,\n\thidden,\n\tvisible\n) !default;\n\n$positions: (\n\tstatic,\n\trelative,\n\tabsolute,\n\tfixed,\n\tsticky\n) !default;\n\n\n// Grid\n$grid-columns: 12 !default;\n$grid-gutter-width: 20px !default;\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px\n) !default;\n\n@include _assert-ascending(\n\t$grid-breakpoints,\n\t'$grid-breakpoints'\n);\n\n@include _assert-starts-at-zero(\n\t$grid-breakpoints,\n\t'$grid-breakpoints'\n);\n\n$container-content-max-width: 1200px;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px\n) !default;\n\n@include _assert-ascending(\n\t$container-max-widths,\n\t'$container-max-widths'\n);\n\n\n// Spacing\n$spacer: 5px !default;\n$spacers: () !default;\n$spacers: map-merge(\n\t(\n\t\t0: $spacer * 0,\n\t\t1: $spacer * 1,\n\t\t2: $spacer * 2,\n\t\t3: $spacer * 3,\n\t\t4: $spacer * 4,\n\t\t5: $spacer * 5,\n\t\t6: $spacer * 6\n\t),\n\t$spacers\n);\n\n\n// Sizing\n$sizes: () !default;\n$sizes: map-merge(\n\t(\n\t\t25: 25%,\n\t\t50: 50%,\n\t\t75: 75%,\n\t\t100: 100%,\n\t\tauto: auto\n\t),\n\t$sizes\n);\n\n\n// Body\n$body-bg: color('grey-lighter') !default;\n$body-color: color('grey-darkest') !default;\n\n\n// Borders\n$border-width: 1px !default;\n$border-color: color('grey');\n\n$border-radius: 3px !default;\n$border-radius-sm: 3px !default;\n$border-radius-lg: 5px !default;\n\n\n// Navbar\n$navbar-bg: color('blue-grey') !default;\n$navbar-color: darken(color('grey'), 10%) !default;\n$navbar-hover-color: color('blue') !default;\n$navbar-height: 60px;\n$navbar-height-sm: 48px;\n$navbar-border-width: 1px;\n$navbar-border-color: transparent;\n$navbar-padding-x: 15px;\n\n$navbar-item-min-width: 45px;\n$navbar-item-padding-x: 8px;\n$navbar-item-font-size: 14px;\n$navbar-item-icon-size: 20px;\n$navbar-pulse-shadow-color: \t\t\t\t lighten($navbar-color, 10%);\n\n// Frame\n$frame-enable: true !default;\n\n$frame-sidebar-left-width: 250px !default;\n$frame-sidebar-left-bg: $body-bg !default;\n$frame-sidebar-left-bg-mobile: color('white') !default;\n$frame-sidebar-left-border-width: 1px !default;\n$frame-sidebar-left-border-color: $border-color !default;\n\n$frame-sidebar-right-width: 250px !default;\n$frame-sidebar-right-bg: $body-bg !default;\n$frame-sidebar-right-bg-mobile: color('white') !default;\n$frame-sidebar-right-border-width: 1px !default;\n$frame-sidebar-right-border-color: $border-color !default;\n\n\n$frame-sidebar-nav-icon-size: 20px !default;\n$frame-sidebar-nav-icon-color: color('grey-darkest') !default;\n$frame-sidebar-nav-icon-hover-color: darken(color('blue-grey'), 5%) !default;\n$frame-sidebar-nav-icon-active-color: color('blue') !default;\n\n$frame-sidebar-nav-item-border-color: $border-color !default;\n\n$frame-sidebar-nav-item-parent-font-size: 14px !default;\n$frame-sidebar-nav-item-parent-color: darken(color('blue-grey'), 5%) !default;\n$frame-sidebar-nav-item-parent-hover-color: darken(color('blue-grey'), 15%) !default;\n$frame-sidebar-nav-item-parent-active-color: darken(color('blue-grey'), 5%) !default;\n\n$frame-sidebar-nav-item-child-font-size: 14px !default;\n$frame-sidebar-nav-item-child-color: darken(color('blue-grey'), 5%) !default;\n$frame-sidebar-nav-item-child-hover-color: color('blue') !default;\n$frame-sidebar-nav-item-child-active-color: color('blue') !default;\n\n$frame-sidebar-tabs-color: color('grey-darker') !default;\n$frame-sidebar-tabs-bg: transparent !default;\n$frame-sidebar-tabs-border-color: $border-color !default;\n\n$frame-sidebar-tabs-hover-color: color('grey-darker') !default;\n$frame-sidebar-tabs-hover-bg: transparent !default;\n$frame-sidebar-tabs-hover-border-color: $border-color !default;\n\n$frame-sidebar-tabs-active-color: darken(color('grey-darker'), 10%) !default;\n$frame-sidebar-tabs-active-bg: color('grey-lightest') !default;\n$frame-sidebar-tabs-active-border-color: color('blue') !default;\n\n\n// Fonts\n$font-family-sans-serif: 'Roboto', Helvetica, Arial, sans-serif !default;\n$font-family-serif: Georgia, 'Times New Roman', Times, serif !default;\n\n$font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n\n$font-size-base: 14px !default;\n$font-size-lg: 16px !default;\n$font-size-sm: 12px !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 500 !default;\n$font-weight-bolder: bolder !default;\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-lg: 1.5 !default;\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.35 !default;\n$line-height-xs: 1.25 !default;\n$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // 21px\n\n$h1-font-size: floor(($font-size-base * 1.86)) !default; // ~26px\n$h2-font-size: floor(($font-size-base * 1.60)) !default; // ~22px\n$h3-font-size: ceil(($font-size-base * 1.35)) !default; // ~19px\n$h4-font-size: ceil(($font-size-base * 1.20)) !default; // ~17px\n$h5-font-size: ceil(($font-size-base * 1.07)) !default; // ~15px\n$h6-font-size: ceil(($font-size-base * 0.85)) !default; // ~12px\n\n$headings-margin-bottom:\t calc(#{$line-height-computed / 2}) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 400 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 84px !default;\n$display2-size: 77px !default;\n$display3-size: 63px !default;\n$display4-size: 49px !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$hr-border-color: $border-color !default;\n$hr-border-width: $border-width !default;\n$hr-margin-y: spacer(3) !default;\n\n\n// Icon\n$icon-color: color('grey-darker') !default;\n$icon-spacer: 7px;\n\n\n// Box shadow\n$box-shadow-sm: 0 17px 3px rgba(color('black'), .075) !default;\n$box-shadow: 0 7px 14px rgba(color('black'), .15) !default;\n$box-shadow-lg: 0 14px 42px rgba(color('black'), .175) !default;\n\n\n// Caret\n$caret-width: 4px !default;\n\n\n// Buttons + Forms\n$input-btn-padding-y: 7px !default;\n$input-btn-padding-x: 14px !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-padding-y-sm: 6px !default;\n$input-btn-padding-x-sm: 12px !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: 10px !default;\n$input-btn-padding-x-lg: 14px !default;\n$input-btn-font-size-lg: $font-size-base + 1px !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: normal !default;\n$btn-block-spacing-y: 8px !default;\n\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-icon-height: calc(#{$btn-line-height * $btn-font-size} + #{$btn-padding-y * 2}) !default;\n$btn-icon-height-sm: calc(#{$btn-line-height-sm * $btn-font-size-sm} + #{$btn-padding-y-sm * 2}) !default;\n$btn-icon-height-lg: calc(#{$btn-line-height-lg * $btn-font-size-lg} + #{$btn-padding-y-lg * 2}) !default;\n\n\n// Forms\n$label-font-size: $font-size-sm !default;\n$label-margin-bottom: 6px !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: color('white') !default;\n$input-disabled-bg: color('grey-lighter') !default;\n\n$input-color: $body-color !default;\n$input-border-color: $border-color !default;\n$input-border-width: $input-btn-border-width !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-border-color: darken($border-color, 20%) !default;\n$input-placeholder-color: color('grey-dark') !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n$input-height-inner: $input-line-height * $input-font-size + $input-padding-y * 2 !default;\n$input-height-inner-half: $input-line-height * $input-font-size / 2 + $input-padding-y !default;\n$input-height-inner-quarter: $input-line-height * $input-font-size / 4 + $input-padding-y / 2 !default;\n\n$input-height: $input-line-height * $input-font-size + $input-padding-y * 2 + $input-height-border !default;\n$input-height-sm: $input-line-height-sm * $input-font-size-sm + $input-btn-padding-y-sm * 2 + $input-height-border !default;\n$input-height-lg: $input-line-height-lg * $input-font-size-lg + $input-btn-padding-y-lg * 2 + $input-height-border !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: color('white') !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$form-text-margin-top: 4px !default;\n\n$form-check-input-gutter: spacer(3) !default;\n$form-check-input-margin-y: 4px !default;\n$form-check-input-margin-x: 3px !default;\n\n$form-check-inline-margin-x: 10px !default;\n$form-check-inline-input-margin-x: 5px !default;\n\n$form-grid-gutter-width: spacer(3) !default;\n$form-group-margin-bottom: spacer(3) !default;\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color('success') !default;\n$form-feedback-invalid-color: theme-color('danger') !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n\t(\n\t\t'valid': (\n\t\t\t'color': $form-feedback-valid-color,\n\t\t),\n\t\t'invalid': (\n\t\t\t'color': $form-feedback-invalid-color,\n\t\t),\n\t),\n\t$form-validation-states\n);\n\n\n// Badge\n$badge-xs-font-size: 80% !default;\n$badge-xs-font-weight: $font-weight-normal !default;\n$badge-xs-line-height: $line-height-xs !default;\n$badge-xs-padding-y: 0.2em !default;\n$badge-xs-padding-x: 0.5em !default;\n\n$badge-sm-font-size: 90% !default;\n$badge-sm-font-weight: $font-weight-normal !default;\n$badge-sm-line-height: $line-height-sm !default;\n$badge-sm-padding-y: 0.2em !default;\n$badge-sm-padding-x: 0.5em !default;\n\n$badge-font-size: inherit !default;\n$badge-font-weight: $font-weight-normal !default;\n$badge-line-height: $line-height-sm !default;\n$badge-padding-y: 0.2em !default; \n$badge-padding-x: 0.5em !default;\n$badge-border-radius: $border-radius !default;\n\n\n// Pagination\n$pagination-padding-y: 8px !default;\n$pagination-padding-x: 12px !default;\n\n$pagination-active-color: color('white') !default;\n$pagination-active-bg: theme-color('primary') !default;\n$pagination-active-border-color: theme-color('primary') !default;\n\n$pagination-disabled-color: color('grey-dark') !default;\n$pagination-disabled-bg: color('grey-lighter') !default;\n$pagination-disabled-border-color: $border-color !default;\n\n$pagination-color: color('grey-darker') !default;\n$pagination-bg: color('white') !default;\n$pagination-border: 1px solid $border-color !default;\n$pagination-line-height: 20px !default;\n\n$pagination-hover-color: color('grey-darkest') !default;\n$pagination-hover-bg: color('grey-lightest') !default;\n$pagination-hover-border-color: $border-color !default;\n\n\n// Z-index\n$zindex-fixed: 1005 !default;\n$zindex-sticky: 1005 !default;\n$zindex-popover: 1005 !default;\n$zindex-tooltip: 1005 !default;\n$zindex-dropdown: 1005 !default;\n$zindex-select: 1005 !default;\n$zindex-toast: 1010 !default;\n$zindex-dialog: 1010 !default;\n\n\n// Links colors\n$link-color: color('blue') !default;\n$link-hover-color: darken(color('blue'), 15%) !default;\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n\n// Table\n$table-color: $body-color !default;\n$table-bg: color('white') !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: #ecf4f9 !default;\n$table-accent-bg: color('grey-lighter') !default;\n\n$table-link-color: $link-color !default;\n$table-link-hover-color: $link-hover-color !default;\n\n$table-head-bg: color('grey-lightest') !default;\n$table-head-color: color('grey-darker') !default;\n\n$table-icon-color: color('grey-darker') !default;\n$table-border-color: color('grey') !default;\n\n\n// Tabs\n$tabs-bg: color('white') !default;\n$tabs-bg-active: color('white') !default;\n$tabs-text-color: color('grey-darker') !default;\n$tabs-text-active-color: $body-color !default;\n\n\n// Tooltips\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: color('white') !default;\n$tooltip-bg: color('black') !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: 4px !default;\n$tooltip-padding-x: 7px !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: 12px !default;\n$tooltip-arrow-height: 6px !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n$popover-font-size: $font-size-sm !default;\n$popover-bg: color('white') !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba(color('black'), 0.2) !default;\n$popover-border-radius: $border-radius !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: 8px !default;\n$popover-header-padding-x: 12px !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 14px !default;\n$popover-arrow-height: 7px !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, 0.05) !default;\n\n\n// Nav divider\n$nav-divider-color: color('grey-light') !default;\n$nav-divider-margin-y: 14px / 2 !default;\n\n\n// Dropdown\n$dropdown-min-width: 140px !default;\n$dropdown-padding-y: 7px !default;\n$dropdown-spacer: 3px !default;\n$dropdown-bg: color('white') !default;\n$dropdown-color: $body-color !default;\n$dropdown-border-color: rgba(color('black'), 0.15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: color('grey-light') !default;\n$dropdown-box-shadow: 0 2px 5px rgba(color('black'), 0.16) !default;\n\n$dropdown-link-color: color('grey-darkest') !default;\n$dropdown-link-hover-color: darken(color('grey-darkest'), 5%) !default;\n$dropdown-link-hover-bg: color('grey-lightest') !default;\n\n$dropdown-link-active-color: color('grey-darkest') !default;\n$dropdown-link-active-bg: color('blue-light') !default;\n\n$dropdown-link-disabled-color: color('grey-darker') !default;\n\n$dropdown-item-padding-y: 5px !default;\n$dropdown-item-padding-x: 21px !default;\n\n$dropdown-header-color: color('grey-darker') !default;\n\n\n// Select\n$select-spacer: 8px !default;\n$select-bg: $input-bg !default;\n$select-border-color: $input-border-color !default;\n$select-border-radius: $border-radius !default;\n$select-border-width: $border-width !default;\n$select-divider-bg: color('grey-light') !default;\n$select-box-shadow: 0 2px 5px rgba(color('black'), 0.16) !default;\n\n$select-item-color: color('grey-darkest') !default;\n$select-item-hover-color: darken(color('grey-darkest'), 5%) !default;\n$select-item-hover-bg: color('grey-lightest') !default;\n\n$select-item-disabled-color: color('grey-darker') !default;\n\n$select-item-padding-y: 6px !default;\n$select-item-padding-x: 12px !default;\n\n$select-header-color: color('grey-darker') !default;\n\n\n// Section\n$section-font-size: $font-size-base !default;\n$section-border-radius: $border-radius !default;\n$section-spacer: spacer(4) !default;\n$section-spacer-mobile: spacer(2) !default;\n$section-padding: spacer(4) !default;\n\n$section-bg: color('white') !default;\n$section-color: $body-color !default;\n$section-box-shadow: 0 1px 2px #cccccc, 0 0 0 1px #eeeeee !default;\n$section-hover-box-shadow: 0 1px 4px #cccccc, 0 0 0 1px #dddddd !default;\n$section-divider-color: color('grey-light') !default;\n\n$section-header-font-family: $font-family-base !default;\n$section-header-font-size: 15px !default;\n$section-header-font-weight: $font-weight-bold !default;\n$section-header-bg: color('white') !default;\n$section-header-color: color('grey-darkest') !default;\n$section-header-actions-color: color('black') !default;\n$section-header-icons-color: color('grey-darkest') !default;\n$section-header-icons-size: 15px !default;\n\n$section-tabs-bg: color('white') !default;\n$section-tabs-item-padding-y: $section-padding !default;\n$section-tabs-item-margin-x: $section-padding !default;\n$section-tabs-item-min-width: 50px !default;\n\n$section-tabs-color: color('grey-darker') !default;\n$section-tabs-hover-color: color('grey-darkest') !default;\n$section-tabs-active-color: color('grey-darkest')!default;\n\n$section-tabs-border-width: 3px !default;\n$section-tabs-border-color: $border-color !default;\n$section-tabs-border-hover-color: color('grey-dark') !default;\n$section-tabs-border-active-color: color('blue') !default;\n\n\n// Toast\n$toast-font-size: $font-size-base !default;\n$toast-font-size-sm: $font-size-sm !default;\n$toast-font-size-lg: 18px !default;\n\n$toast-bg-light: color('white') !default;\n$toast-bg-dark: color('grey-darkest') !default;\n$toast-border-width: $border-width !default;\n$toast-border-color-light: rgba(color('black'), 0.2) !default;\n$toast-border-color-dark: rgba(color('white'), 0.2) !default;\n$toast-border-radius: $border-radius !default;\n\n$toast-header-bg-light: darken($toast-bg-light, 3%) !default;\n$toast-header-bg-dark: darken($toast-bg-dark, 3%) !default;\n$toast-header-color-light: $headings-color !default;\n$toast-header-color-dark: color('white') !default;\n$toast-header-padding-y: 8px !default;\n$toast-header-padding-x: 12px !default;\n\n$toast-header-padding-y-sm: 6px !default;\n$toast-header-padding-x-sm: 10px !default;\n\n$toast-header-padding-y-lg: 8px !default;\n$toast-header-padding-x-lg: 16px !default;\n\n$toast-body-color-light: $body-color !default;\n$toast-body-color-dark: color('white') !default;\n$toast-body-padding-y: 12px!default;\n$toast-body-padding-x: 12px !default;\n\n$toast-body-padding-y-sm: 10px!default;\n$toast-body-padding-x-sm: 10px !default;\n\n$toast-body-padding-y-lg: 16px !default;\n$toast-body-padding-x-lg: 16px !default;",
|
|
20
20
|
"// Breakpoints\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n// Name of the next breakpoint, or null for the last breakpoint.\r\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\r\n\r\n $n: index($breakpoint-names, $name);\r\n\r\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\r\n}\r\n\r\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\r\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\r\n\r\n $min: map-get($breakpoints, $name);\r\n\r\n @return if($min != 0, $min, null);\r\n}\r\n\r\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\r\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\r\n\r\n $next: breakpoint-next($name, $breakpoints);\r\n\r\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\r\n}\r\n\r\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\r\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\r\n\r\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\r\n}\r\n\r\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\r\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\r\n\r\n $min: breakpoint-min($name, $breakpoints);\r\n\r\n @if $min {\r\n @media (min-width: $min) {\r\n @content;\r\n }\r\n } @else {\r\n @content;\r\n }\r\n}\r\n\r\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\r\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\r\n\r\n $max: breakpoint-max($name, $breakpoints);\r\n\r\n @if $max {\r\n @media (max-width: $max) {\r\n @content;\r\n }\r\n } @else {\r\n @content;\r\n }\r\n}\r\n\r\n// Media that spans multiple breakpoint widths.\r\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\r\n\r\n $min: breakpoint-min($lower, $breakpoints);\r\n $max: breakpoint-max($upper, $breakpoints);\r\n\r\n @if $min != null and $max != null {\r\n @media (min-width: $min) and (max-width: $max) {\r\n @content;\r\n }\r\n } @else if $max == null {\r\n @include media-breakpoint-up($lower, $breakpoints) {\r\n @content;\r\n }\r\n } @else if $min == null {\r\n @include media-breakpoint-down($upper, $breakpoints) {\r\n @content;\r\n }\r\n }\r\n}\r\n\r\n// Media between the breakpoint's minimum and maximum widths.\r\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\r\n\r\n $min: breakpoint-min($name, $breakpoints);\r\n $max: breakpoint-max($name, $breakpoints);\r\n\r\n @if $min != null and $max != null {\r\n @media (min-width: $min) and (max-width: $max) {\r\n @content;\r\n }\r\n } @else if $max == null {\r\n @include media-breakpoint-up($name, $breakpoints) {\r\n @content;\r\n }\r\n } @else if $min == null {\r\n @include media-breakpoint-down($name, $breakpoints) {\r\n @content;\r\n }\r\n }\r\n}",
|
|
21
21
|
"// Grid framework\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\r\n\r\n %grid-column {\r\n position: relative;\r\n width: 100%;\r\n padding-right: $gutter / 2;\r\n padding-left: $gutter / 2;\r\n }\r\n\r\n @each $breakpoint in map-keys($breakpoints) {\r\n $infix: breakpoint-infix($breakpoint, $breakpoints);\r\n\r\n // Allow columns to stretch full width below their breakpoints\r\n @for $i from 1 through $columns {\r\n .col#{$infix}-#{$i} {\r\n @extend %grid-column;\r\n }\r\n }\r\n .col#{$infix},\r\n .col#{$infix}-auto {\r\n @extend %grid-column;\r\n }\r\n\r\n @include media-breakpoint-up($breakpoint, $breakpoints) {\r\n\r\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\r\n .col#{$infix} {\r\n flex-basis: 0;\r\n flex-grow: 1;\r\n max-width: 100%;\r\n }\r\n\r\n .col#{$infix}-auto {\r\n flex: 0 0 auto;\r\n width: auto;\r\n max-width: 100%; // Reset earlier grid tiers\r\n }\r\n\r\n @for $i from 1 through $columns {\r\n .col#{$infix}-#{$i} {\r\n @include make-col($i, $columns);\r\n }\r\n }\r\n\r\n .order#{$infix}-first {\r\n order: -1;\r\n }\r\n\r\n .order#{$infix}-last {\r\n order: $columns + 1;\r\n }\r\n\r\n @for $i from 0 through $columns {\r\n .order#{$infix}-#{$i} {\r\n order: $i;\r\n }\r\n }\r\n\r\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\r\n @for $i from 0 through ($columns - 1) {\r\n @if not ($infix == \"\" and $i == 0) {\r\n .offset#{$infix}-#{$i} {\r\n @include make-col-offset($i, $columns);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",
|
|
22
22
|
"// Grid\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin make-container($gutter: $grid-gutter-width) {\r\n width: 100%;\r\n padding-right: $gutter / 2;\r\n padding-left: $gutter / 2;\r\n margin-right: auto;\r\n margin-left: auto;\r\n}\r\n\r\n@mixin make-container-content($gutter: $grid-gutter-width) {\r\n width: 100%;\r\n max-width: $container-content-max-width;\r\n padding-right: $gutter / 2;\r\n padding-left: $gutter / 2;\r\n margin-right: auto;\r\n margin-left: auto;\r\n\r\n @include media-breakpoint-up(md) {\r\n padding-right: $gutter;\r\n padding-left: $gutter;\r\n }\r\n}\r\n\r\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\r\n\r\n @each $breakpoint, $container-max-width in $max-widths {\r\n\r\n @include media-breakpoint-up($breakpoint, $breakpoints) {\r\n max-width: $container-max-width;\r\n }\r\n }\r\n}\r\n\r\n@mixin make-row($gutter: $grid-gutter-width) {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-right: -$gutter / 2;\r\n margin-left: -$gutter / 2;\r\n}\r\n\r\n@mixin make-col-ready($gutter: $grid-gutter-width) {\r\n position: relative;\r\n width: 100%;\r\n padding-right: $gutter / 2;\r\n padding-left: $gutter / 2;\r\n}\r\n\r\n@mixin make-col($size, $columns: $grid-columns) {\r\n flex: 0 0 percentage($size / $columns);\r\n max-width: percentage($size / $columns);\r\n}\r\n\r\n@mixin make-col-offset($size, $columns: $grid-columns) {\r\n\r\n $num: $size / $columns;\r\n\r\n margin-left: if($num == 0, 0, percentage($num));\r\n}",
|