@finqu/cool 1.1.8 → 1.1.9
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-reboot.css.map +4 -2
- package/dist/css/cool.css +10 -2
- package/dist/css/cool.css.map +8 -4
- 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/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/_mixins.scss +1 -0
- package/scss/_section.scss +1 -1
- package/scss/_utilities.scss +2 -1
- package/scss/mixins/_visibility.scss +7 -0
- package/scss/utilities/_visibility.scss +10 -0
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
"../../scss/mixins/_text-emphasis.scss",
|
|
14
14
|
"../../scss/mixins/_text-hide.scss",
|
|
15
15
|
"../../scss/mixins/_text-truncate.scss",
|
|
16
|
+
"../../scss/mixins/_visibility.scss",
|
|
16
17
|
"../../scss/mixins/_badge-variant.scss",
|
|
17
18
|
"../../scss/mixins/_alert-variant.scss",
|
|
18
19
|
"../../scss/mixins/_buttons.scss",
|
|
@@ -31,7 +32,7 @@
|
|
|
31
32
|
"/*!\n * Cool UI - Reboot v1.0.0 (https://finqu.fi)\n * Copyright 2019 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\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"reboot\";",
|
|
32
33
|
"// 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}",
|
|
33
34
|
"// 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\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: calc(#{$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: transparent !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') !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(3) !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-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;",
|
|
34
|
-
"// Mixins\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n// Utilities\r\n@import \"mixins/breakpoints\";\r\n@import \"mixins/aspect-ratio\";\r\n@import \"mixins/object-fit\";\r\n@import \"mixins/reset-text\";\r\n@import \"mixins/text-emphasis\";\r\n@import \"mixins/text-hide\";\r\n@import \"mixins/text-truncate\";\r\n\r\n\r\n// Components\r\n@import \"mixins/badge-variant\";\r\n@import \"mixins/alert-variant\";\r\n@import \"mixins/buttons\";\r\n@import \"mixins/nav-divider\";\r\n@import \"mixins/caret\";\r\n@import \"mixins/forms\";\r\n\r\n\r\n// Styling\r\n@import \"mixins/background-variant\";\r\n@import \"mixins/gradients\";\r\n\r\n\r\n// Layout\r\n@import \"mixins/clearfix\";\r\n@import \"mixins/grid-framework\";\r\n@import \"mixins/grid\";\r\n@import \"mixins/float\";",
|
|
35
|
+
"// Mixins\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n// Utilities\r\n@import \"mixins/breakpoints\";\r\n@import \"mixins/aspect-ratio\";\r\n@import \"mixins/object-fit\";\r\n@import \"mixins/reset-text\";\r\n@import \"mixins/text-emphasis\";\r\n@import \"mixins/text-hide\";\r\n@import \"mixins/text-truncate\";\r\n@import \"mixins/visibility\";\r\n\r\n\r\n// Components\r\n@import \"mixins/badge-variant\";\r\n@import \"mixins/alert-variant\";\r\n@import \"mixins/buttons\";\r\n@import \"mixins/nav-divider\";\r\n@import \"mixins/caret\";\r\n@import \"mixins/forms\";\r\n\r\n\r\n// Styling\r\n@import \"mixins/background-variant\";\r\n@import \"mixins/gradients\";\r\n\r\n\r\n// Layout\r\n@import \"mixins/clearfix\";\r\n@import \"mixins/grid-framework\";\r\n@import \"mixins/grid\";\r\n@import \"mixins/float\";",
|
|
35
36
|
"// 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}",
|
|
36
37
|
"// Aspect ratio\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin aspect-ratio($width, $height) {\r\n\r\n position: relative;\r\n\r\n &:before {\r\n display: block;\r\n content: '';\r\n width: 100%;\r\n padding-top: ($height / $width) * 100%;\r\n }\r\n\r\n > .content {\r\n position: absolute;\r\n padding:10px;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n span:before{\r\n content: '';\r\n }\r\n span:after{\r\n content: '';\r\n }\r\n }\r\n}",
|
|
37
38
|
"// Object fit\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin object-fit($fit: fill, $position: null) {\r\n\r\n -o-object-fit: $fit;\r\n object-fit: $fit;\r\n\r\n\t@if $position {\r\n\t\t-o-object-position: $position;\r\n\t\tobject-position: $position;\r\n\t\tfont-family: 'object-fit: #{$fit}; object-position: #{$position}';\r\n\t} @else {\r\n\t\tfont-family: 'object-fit: #{$fit}';\r\n\t}\r\n}",
|
|
@@ -39,6 +40,7 @@
|
|
|
39
40
|
"// Text hide\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin text-emphasis-variant($parent, $color) {\r\n\r\n\t#{$parent} {\r\n\t\tcolor: $color !important;\r\n\t}\r\n\r\n\t@if $emphasized-link-hover-darken-percentage != 0 {\r\n\r\n\t\ta#{$parent},\r\n\t\tbutton#{$parent}{\r\n\r\n\t\t\t&:hover,\r\n \t\t\t&:focus {\r\n\t\t\t\tcolor: darken($color, $emphasized-link-hover-darken-percentage) !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",
|
|
40
41
|
"// Text hide\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin text-hide {\r\n\tfont: 0/0 a;\r\n\tcolor: transparent;\r\n\ttext-shadow: none;\r\n\tbackground-color: transparent;\r\n\tborder: 0;\r\n}",
|
|
41
42
|
"// Text truncate\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin text-truncate {\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n}",
|
|
43
|
+
"// Visiblity\n// ---------------------------------------------------------------------------------------------------------------\n\n@mixin invisible($visibility) {\n\n\tvisibility: $visibility !important;\n}",
|
|
42
44
|
"// Badge variant\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin badge-variant($color) {\r\n\r\n\tbackground: $color;\r\n color: color-yiq($color);\r\n border: 1px solid $color;\r\n}\r\n\r\n@mixin badge-outline-variant($color) {\r\n\r\n\tborder: 1px solid $color;\r\n}",
|
|
43
45
|
"// Alert variant\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin alert-variant($color) {\r\n\r\n\tborder-color: $color;\r\n\r\n & > .alert-content-container > .alert-content > strong {\r\n color: $color;\r\n }\r\n\r\n &:not(.alert-fill-bg) > .alert-icon {\r\n padding: 0 15px;\r\n width: 55px;\r\n color: color-yiq($color);\r\n\r\n &:after {\r\n width: 49px;\r\n background-color: $color;\r\n }\r\n }\r\n\r\n &.alert-fill-bg {\r\n & > .alert-icon {\r\n color: color-yiq($color);\r\n &:after {\r\n background-color: $color;\r\n }\r\n }\r\n\r\n & > .alert-content-container {\r\n background-color: $color;\r\n color: color-yiq($color);\r\n\r\n & > .alert-content > strong {\r\n color: color-yiq($color);\r\n }\r\n }\r\n }\r\n}",
|
|
44
46
|
"// Buttons\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n// Button default\r\n@mixin button-variant($background, $border: $background, $color: color-yiq($background), $hover-background: darken($background, 15%), $hover-border: $hover-background, $hover-color: color-yiq(darken($background, 15%)), $active-background: $hover-background, $active-border: $hover-border, $active-color: $hover-color, $enable-shadow: true) {\r\n\r\n border: $btn-border-width solid $border;\r\n background: $background;\r\n color: $color;\r\n\r\n &.focus,\r\n &:focus,\r\n &.hover,\r\n &:hover {\r\n border: $btn-border-width solid $hover-border;\r\n background: $hover-background;\r\n color: $hover-color;\r\n\r\n @if $enable-shadow {\r\n box-shadow: 0 14px 26px -12px rgba(darken($background, 15%), 0.32), 0 4px 23px 0 rgba(darken($background, 15%), 0.06), 0 8px 10px -5px rgba(darken($background, 15%), 0.2);\r\n } @else {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n &:not(:disabled):not(.disabled):active,\r\n &:not(:disabled):not(.disabled).active {\r\n border: $btn-border-width solid $active-border;\r\n background: $active-background;\r\n color: $active-color;\r\n\r\n @if $enable-shadow {\r\n box-shadow: 0 14px 26px -12px rgba(darken($background, 15%), 0.32), 0 4px 23px 0 rgba(darken($background, 15%), 0.06), 0 8px 10px -5px rgba(darken($background, 15%), 0.2);\r\n } @else {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n &.disabled,\r\n &[disabled] {\r\n opacity: 0.35;\r\n cursor: not-allowed;\r\n &:hover {\r\n box-shadow: none;\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\n\r\n// Button outline\r\n@mixin button-outline-variant($border-color, $color: $border-color, $hover-background: $border-color, $hover-color: color-yiq($border-color), $active-color: $hover-color, $active-background: $hover-background, $active-border: $border-color, $enable-shadow: true) {\r\n\r\n border: $btn-border-width solid $border-color;\r\n color: $color;\r\n background: transparent;\r\n\r\n &.focus,\r\n &:focus,\r\n &.hover,\r\n &:hover {\r\n background: $hover-background;\r\n color: $hover-color;\r\n\r\n @if $enable-shadow {\r\n box-shadow: 0 14px 26px -12px rgba(darken($border-color, 15%), 0.32), 0 4px 23px 0 rgba(darken($border-color, 15%), 0.06), 0 8px 10px -5px rgba(darken($border-color, 15%), 0.2);\r\n } @else {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n &:not(:disabled):not(.disabled):active,\r\n &:not(:disabled):not(.disabled).active {\r\n border: $btn-border-width solid $active-border;\r\n background: $active-background;\r\n color: $active-color;\r\n\r\n @if $enable-shadow {\r\n box-shadow: 0 14px 26px -12px rgba(darken($border-color, 15%), 0.32), 0 4px 23px 0 rgba(darken($border-color, 15%), 0.06), 0 8px 10px -5px rgba(darken($border-color, 15%), 0.2);\r\n } @else {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n &.disabled,\r\n &[disabled] {\r\n opacity: 0.35;\r\n cursor: not-allowed;\r\n &:hover {\r\n box-shadow: none;\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\n\r\n// Button sizes\r\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\r\n\r\n padding: $padding-y $padding-x;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n border-radius: $border-radius;\r\n}",
|
|
@@ -54,5 +56,5 @@
|
|
|
54
56
|
"// Reboot\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n font-family: sans-serif;\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%;\r\n -ms-text-size-adjust: 100%;\r\n -ms-overflow-style: scrollbar;\r\n -webkit-tap-highlight-color: rgba(color('black'), 0);\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: $font-family-base;\r\n font-size: $font-size-base;\r\n font-weight: $font-weight-base;\r\n line-height: $line-height-base;\r\n color: $body-color;\r\n text-align: left;\r\n background-color: $body-bg;\r\n}\r\n\r\narticle,\r\naside,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmain,\r\nnav,\r\nsection {\r\n display: block;\r\n}\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n margin: 0;\r\n font-family: inherit;\r\n font-size: inherit;\r\n line-height: inherit;\r\n}\r\n\r\nhr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible;\r\n}\r\n\r\nbutton {\r\n border-radius: 0;\r\n}\r\n\r\nbutton,\r\ninput {\r\n overflow: visible;\r\n}\r\n\r\nbutton,\r\nselect {\r\n text-transform: none;\r\n}\r\n\r\nselect {\r\n word-wrap: normal;\r\n}\r\n\r\nimg {\r\n vertical-align: middle;\r\n border-style: none;\r\n}\r\n\r\nsvg {\r\n overflow: hidden;\r\n vertical-align: middle;\r\n}\r\n\r\nprogress {\r\n vertical-align: baseline;\r\n}\r\n\r\nabbr[title],\r\nabbr[data-original-title] {\r\n text-decoration: underline;\r\n text-decoration: underline dotted;\r\n cursor: help;\r\n border-bottom: 0;\r\n}\r\n\r\naddress {\r\n margin-bottom: 16px;\r\n font-style: normal;\r\n line-height: inherit;\r\n}\r\n\r\nol,\r\nul,\r\ndl {\r\n margin-top: 0;\r\n margin-bottom: 16px;\r\n}\r\n\r\nol ol,\r\nul ul,\r\nol ul,\r\nul ol {\r\n margin-bottom: 0;\r\n}\r\n\r\ndt {\r\n font-weight: 400;\r\n}\r\n\r\ndd {\r\n margin-bottom: 8px;\r\n margin-left: 0;\r\n}\r\n\r\nblockquote {\r\n margin: 0 0 16px;\r\n}\r\n\r\ndfn {\r\n font-style: italic;\r\n}\r\n\r\n[tabindex=\"-1\"]:focus {\r\n outline: 0 !important;\r\n}\r\n\r\nbutton,\r\nhtml [type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n -webkit-appearance: button;\r\n}\r\n\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n &:not(:disabled):not(.disabled) {\r\n cursor: pointer;\r\n }\r\n}\r\n\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0;\r\n}\r\n\r\nbutton:-moz-focusring,\r\n[type=\"button\"]:-moz-focusring,\r\n[type=\"reset\"]:-moz-focusring,\r\n[type=\"submit\"]:-moz-focusring {\r\n outline: 1px dotted theme-color('primary');\r\n}\r\n\r\ntextarea {\r\n overflow: auto;\r\n resize: vertical;\r\n}\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n box-sizing: border-box;\r\n padding: 0;\r\n}\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n[type=\"search\"] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px;\r\n}\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n\r\n::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit;\r\n}\r\n\r\n[type=\"checkbox\"] {\r\n margin-right: 5px;\r\n vertical-align: top;\r\n}\r\n\r\ninput[type=\"date\"],\r\ninput[type=\"time\"],\r\ninput[type=\"datetime-local\"],\r\ninput[type=\"month\"] {\r\n -webkit-appearance: listbox;\r\n}\r\n\r\nfieldset,\r\n.fieldset {\r\n\tbackground: $body-bg;\r\n border: 1px solid $border-color;\r\n border-radius: $border-radius;\r\n padding: 10px 15px;\r\n box-sizing: border-box;\r\n margin: 0;\r\n\r\n legend {\r\n font-size: 12px;\r\n color: color('grey-darker');\r\n }\r\n}\r\n\r\n[hidden] {\r\n display: none !important;\r\n}\r\n\r\na {\r\n color: $link-color;\r\n text-decoration: none;\r\n background-color: transparent;\r\n -webkit-text-decoration-skip: objects;\r\n\r\n &:hover {\r\n color: $link-hover-color;\r\n }\r\n}\r\n\r\na:not([href]):not([tabindex]) {\r\n color: inherit;\r\n text-decoration: none;\r\n\r\n &:hover,\r\n &:focus {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n &:focus {\r\n outline: 0;\r\n }\r\n}\r\n\r\np {\r\n margin: 0 0 ($line-height-computed / 2);\r\n}\r\n\r\ncode {\r\n font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\r\n font-size: 80%;\r\n}\r\n\r\nstrong,\r\nb {\r\n font-weight: $font-weight-bold;\r\n}\r\n\r\nlabel {\r\n display: inline-block;\r\n font-size: $label-font-size;\r\n margin-bottom: $label-margin-bottom;\r\n}"
|
|
55
57
|
],
|
|
56
58
|
"names": [],
|
|
57
|
-
"mappings": "AAAA;;;;;GAKG;
|
|
59
|
+
"mappings": "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"
|
|
58
60
|
}
|