@finqu/cool 1.1.9 → 1.2.3
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 +2 -2
- package/dist/css/cool-grid.css.map +3 -3
- package/dist/css/cool-grid.min.css +1 -1
- package/dist/css/cool-grid.min.css.map +1 -1
- package/dist/css/cool-reboot.css +6 -2
- package/dist/css/cool-reboot.css.map +11 -9
- package/dist/css/cool-reboot.min.css +2 -2
- package/dist/css/cool-reboot.min.css.map +1 -1
- package/dist/css/cool.css +2848 -771
- package/dist/css/cool.css.map +33 -29
- package/dist/css/cool.min.css +2 -2
- package/dist/css/cool.min.css.map +1 -1
- package/dist/js/cool.bundle.js +659 -185
- package/dist/js/cool.bundle.js.map +1 -1
- package/dist/js/cool.bundle.min.js +2 -2
- package/dist/js/cool.bundle.min.js.map +1 -1
- package/dist/js/cool.esm.js +659 -185
- package/dist/js/cool.esm.js.map +1 -1
- package/dist/js/cool.esm.min.js +2 -2
- package/dist/js/cool.esm.min.js.map +1 -1
- package/dist/js/cool.js +659 -185
- package/dist/js/cool.js.map +1 -1
- package/dist/js/cool.min.js +2 -2
- package/dist/js/cool.min.js.map +1 -1
- package/html/dropdown-test.html +200 -0
- package/html/index.html +1418 -101
- package/js/dist/collapse.js +1043 -629
- package/js/dist/collapse.js.map +1 -1
- package/js/dist/common.js +876 -506
- package/js/dist/common.js.map +1 -1
- package/js/dist/dropdown.js +3451 -1867
- package/js/dist/dropdown.js.map +1 -1
- package/js/dist/popover.js +273 -58
- package/js/dist/popover.js.map +1 -1
- package/js/dist/sectiontabs.js +273 -58
- package/js/dist/sectiontabs.js.map +1 -1
- package/js/dist/select.js +10031 -3660
- package/js/dist/select.js.map +1 -1
- package/js/dist/tooltip.js +1703 -1434
- package/js/dist/tooltip.js.map +1 -1
- package/js/src/abstract-ui-component.js +16 -5
- package/js/src/collapse.js +24 -10
- package/js/src/common.js +26 -0
- package/js/src/dialog.js +12 -18
- package/js/src/dropdown.js +79 -7
- package/js/src/popover.js +2 -2
- package/js/src/section-tabs.js +2 -2
- package/js/src/select.js +582 -181
- package/js/src/toast.js +2 -2
- package/js/src/tooltip.js +7 -2
- package/js/src/util/index.js +10 -0
- package/package.json +21 -21
- package/scss/_alert.scss +79 -82
- package/scss/_badge.scss +16 -22
- package/scss/_button-group.scss +4 -0
- package/scss/_buttons.scss +3 -3
- package/scss/_custom-forms.scss +14 -12
- package/scss/_dialog.scss +17 -5
- package/scss/_dropdown.scss +1 -4
- package/scss/_frame.scss +24 -3
- package/scss/_functions.scss +10 -0
- package/scss/_images.scss +52 -2
- package/scss/_input-group.scss +12 -6
- package/scss/_mixins.scss +1 -0
- package/scss/_navbar.scss +40 -0
- package/scss/_notification.scss +13 -0
- package/scss/_reboot.scss +4 -0
- package/scss/_section.scss +28 -2
- package/scss/_select.scss +10 -1
- package/scss/_tables.scss +2 -1
- package/scss/_type.scss +37 -6
- package/scss/_variables.scss +6 -5
- package/scss/cool-grid.scss +1 -1
- package/scss/cool-reboot.scss +1 -1
- package/scss/cool.scss +3 -2
- package/scss/mixins/_alert-variant.scss +13 -28
- package/scss/mixins/_badge-variant.scss +27 -5
- package/scss/mixins/_notification-variant.scss +7 -0
- package/scss/mixins/_text-truncate.scss +77 -4
- package/scss/utilities/_collapse.scss +2 -2
- package/scss/utilities/_cursor.scss +14 -2
- package/scss/utilities/_text.scss +4 -2
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
"../../scss/mixins/_nav-divider.scss",
|
|
21
21
|
"../../scss/mixins/_caret.scss",
|
|
22
22
|
"../../scss/mixins/_forms.scss",
|
|
23
|
+
"../../scss/mixins/_notification-variant.scss",
|
|
23
24
|
"../../scss/mixins/_background-variant.scss",
|
|
24
25
|
"../../scss/mixins/_gradients.scss",
|
|
25
26
|
"../../scss/mixins/_clearfix.scss",
|
|
@@ -29,32 +30,33 @@
|
|
|
29
30
|
"../../scss/_reboot.scss"
|
|
30
31
|
],
|
|
31
32
|
"sourcesContent": [
|
|
32
|
-
"/*!\n * Cool UI - Reboot v1.
|
|
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}",
|
|
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;",
|
|
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\";",
|
|
33
|
+
"/*!\n * Cool UI - Reboot v1.2.3 (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\";",
|
|
34
|
+
"// 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}",
|
|
35
|
+
"// 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(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-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;",
|
|
36
|
+
"// 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@import \"mixins/notification-variant\";\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\";",
|
|
36
37
|
"// 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}",
|
|
37
38
|
"// 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}",
|
|
38
39
|
"// 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
40
|
"// Reset text\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin reset-text {\r\n font-family: $font-family-base;\r\n font-style: normal;\r\n font-weight: $font-weight-base;\r\n line-height: $line-height-base;\r\n text-align: left;\r\n text-align: start;\r\n text-decoration: none;\r\n text-shadow: none;\r\n text-transform: none;\r\n letter-spacing: normal;\r\n word-break: normal;\r\n word-spacing: normal;\r\n white-space: normal;\r\n line-break: auto;\r\n}",
|
|
40
41
|
"// 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",
|
|
41
42
|
"// 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}",
|
|
42
|
-
"// Text truncate\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin text-truncate {\r\n\
|
|
43
|
+
"// Text truncate\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin text-truncate-adjust($lines: 1, $font-size: $font-size-base, $line-height: $line-height-base, $fixed-height: false) {\r\n\r\n\t-webkit-box-orient: vertical;\r\n\t-webkit-line-clamp: $lines;\r\n\r\n @if $fixed-height {\r\n\t\theight: floor($font-size * $line-height) * $lines;\r\n }\r\n\r\n &.text-truncate-fixed {\r\n \theight: floor($font-size * $line-height) * $lines;\r\n }\r\n\r\n\t&:after {\r\n\t\twidth: floor($font-size * $line-height) * 4;\r\n\t\theight: floor($font-size * $line-height);\r\n\t}\r\n\r\n\t& small,\r\n &.small {\r\n\r\n \t@if $fixed-height {\r\n\t\t\theight: floor($font-size * strip-unit($small-font-size) / 100 * $line-height) * $lines;\r\n\t }\r\n\r\n\t &.text-truncate-fixed {\r\n\t \theight: floor($font-size * strip-unit($small-font-size) / 100 * $line-height) * $lines;\r\n\t }\r\n\r\n\t\t&:after {\r\n\t\t\twidth: floor($font-size * strip-unit($small-font-size) / 100 * $line-height) * 4;\r\n\t\t\theight: floor($font-size * strip-unit($small-font-size) / 100 * $line-height);\r\n\t\t}\r\n }\r\n}\r\n\r\n@mixin text-truncate-generate($font-size: $font-size-base, $line-height: $line-height-base, $fixed-height: false) {\r\n\r\n\t& {\r\n\t\t@include text-truncate-adjust(1);\r\n\r\n\t\t&.text-truncate-lines-2 {\r\n\t @include text-truncate-adjust(2);\r\n\t }\r\n\r\n\t &.text-truncate-lines-3 {\r\n\t @include text-truncate-adjust(3);\r\n\t }\r\n\r\n\t &.text-truncate-lines-4 {\r\n\t @include text-truncate-adjust(4);\r\n\t }\r\n\r\n\t &.text-truncate-lines-5 {\r\n\t @include text-truncate-adjust(5);\r\n\t }\r\n\t}\r\n}\r\n\r\n@mixin text-truncate($font-size: $font-size-base, $line-height: $line-height-base, $fixed-height: false) {\r\n\r\n\tdisplay: -webkit-box !important;\r\n overflow: hidden !important;\r\n text-overflow: ellipsis !important;\r\n position: relative !important;\r\n\r\n &:after {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n content: '';\r\n max-height: 100%;\r\n background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));\r\n pointer-events: none;\r\n }\r\n\r\n @include text-truncate-generate($font-size, $line-height, $fixed-height);\r\n}",
|
|
43
44
|
"// Visiblity\n// ---------------------------------------------------------------------------------------------------------------\n\n@mixin invisible($visibility) {\n\n\tvisibility: $visibility !important;\n}",
|
|
44
|
-
"// Badge variant\r\n// ---------------------------------------------------------------------------------------------------------------\r\n
|
|
45
|
-
"// Alert variant\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin alert-variant($color) {\r\n
|
|
45
|
+
"// Badge variant\r\n// ---------------------------------------------------------------------------------------------------------------\r\n@mixin badge-variant($color, $background: mix($color, white, 10%)) {\r\n border-color: $color;\r\n background-color: $background;\r\n\tcolor: color-yiq($background);\r\n\r\n .alert-icon {\r\n border: 1px solid $color;\r\n\t\tbox-shadow: 0 0 0 0.2em fade-out($color, 0.7);\r\n\r\n .icon {\r\n color: $color;\r\n }\r\n }\r\n}\r\n\r\n@mixin badge-outline-variant($color) {\r\n\tborder-color: $color;\r\n\tbackground: transparent;\r\n\r\n\t@if lightness($color) > 80 {\r\n\t\tcolor: $grey-500;\r\n\t} @else {\r\n\t\tcolor: $color;\r\n\t}\r\n\r\n\t.alert-icon {\r\n border: 1px solid $color;\r\n\t\tbox-shadow: 0 0 0 0.2em fade-out($color, 0.7);\r\n\r\n .icon {\r\n color: $color;\r\n }\r\n }\r\n}",
|
|
46
|
+
"// Alert variant\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin alert-variant($color) {\r\n border-top-color: $color;\r\n background-color: fade-out($color, 0.9);\r\n\r\n .alert-icon {\r\n border: 1px solid $color;\r\n box-shadow: 0 0 0 0.2em fade-out($color, 0.7);\r\n\r\n .icon {\r\n color: $color;\r\n }\r\n }\r\n}\r\n\r\n@mixin alert-icon-variant($color) {\r\n border: 1px solid $color;\r\n box-shadow: 0 0 0 0.2em fade-out($color, 0.7);\r\n\r\n .icon {\r\n color: $color;\r\n }\r\n}",
|
|
46
47
|
"// 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}",
|
|
47
48
|
"// Nav divider\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {\r\n\theight: 0;\r\n\tmargin: $margin-y 0;\r\n\toverflow: hidden;\r\n\tborder-top: 1px solid $color;\r\n}",
|
|
48
49
|
"// Caret\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin caret-reset-after {\r\n\r\n\t&:after {\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 12px;\r\n\t\theight: 12px;\r\n\t\tpadding-left: $caret-width * .85;\r\n\t\tcontent: '';\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: right;\r\n\t\tvertical-align: middle;\r\n\t\tbox-sizing: content-box;\r\n\t}\r\n\r\n\t&:empty:after {\r\n\t\tpadding-left: 0;\r\n\t}\r\n}\r\n\r\n@mixin caret-reset-before {\r\n\r\n\t&:before {\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 12px;\r\n\t\theight: 12px;\r\n\t\tpadding-right: $caret-width * .85;\r\n\t\tcontent: '';\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: left;\r\n\t\tvertical-align: middle;\r\n\t\tbox-sizing: content-box;\r\n\t}\r\n\r\n\t&:empty:before {\r\n\t\tpadding-right: 0;\r\n\t}\r\n}\r\n\r\n@mixin caret-down {\r\n\r\n\t@include caret-reset-after;\r\n\r\n\t&:after {\r\n\t\t// Font Awesome Free fa-angle-down\r\n \tbackground-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBmaWxsPSIjNzY4NDhGIiBkPSJNMTUxLjUgMzQ3LjhMMy41IDIwMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDE5LjgtMTkuOGM0LjctNC43IDEyLjMtNC43IDE3IDBMMTYwIDI4Mi43bDExOS43LTExOC41YzQuNy00LjcgMTIuMy00LjcgMTcgMGwxOS44IDE5LjhjNC43IDQuNyA0LjcgMTIuMyAwIDE3bC0xNDggMTQ2LjhjLTQuNyA0LjctMTIuMyA0LjctMTcgMHoiPjwvcGF0aD48L3N2Zz4=');\r\n\t}\r\n}\r\n\r\n@mixin caret-up {\r\n\r\n\t@include caret-reset-after;\r\n\r\n\t&:after {\r\n\t\t// Font Awesome Free fa-angle-up\r\n \tbackground-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBmaWxsPSIjNzY4NDhGIiBkPSJNMTY4LjUgMTY0LjJsMTQ4IDE0Ni44YzQuNyA0LjcgNC43IDEyLjMgMCAxN2wtMTkuOCAxOS44Yy00LjcgNC43LTEyLjMgNC43LTE3IDBMMTYwIDIyOS4zIDQwLjMgMzQ3LjhjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwzLjUgMzI4Yy00LjctNC43LTQuNy0xMi4zIDAtMTdsMTQ4LTE0Ni44YzQuNy00LjcgMTIuMy00LjcgMTcgMHoiPjwvcGF0aD48L3N2Zz4=');\r\n\t}\r\n}\r\n\r\n@mixin caret-right {\r\n\r\n\t@include caret-reset-after;\r\n\r\n\t&:after {\r\n\t\t// Font Awesome Free fa-angle-right\r\n \tbackground-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIgNTEyIj48cGF0aCBmaWxsPSIjNzY4NDhGIiBkPSJNMTg3LjggMjY0LjVMNDEgNDEyLjVjLTQuNyA0LjctMTIuMyA0LjctMTcgMEw0LjIgMzkyLjdjLTQuNy00LjctNC43LTEyLjMgMC0xN0wxMjIuNyAyNTYgNC4yIDEzNi4zYy00LjctNC43LTQuNy0xMi4zIDAtMTdMMjQgOTkuNWM0LjctNC43IDEyLjMtNC43IDE3IDBsMTQ2LjggMTQ4YzQuNyA0LjcgNC43IDEyLjMgMCAxN3oiPjwvcGF0aD48L3N2Zz4=');\r\n\t}\r\n}\r\n\r\n@mixin caret-left {\r\n\r\n\t@include caret-reset-before;\r\n\r\n\t&:before {\r\n\t\t// Font Awesome Free fa-angle-left\r\n \tbackground-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIgNTEyIj48cGF0aCBmaWxsPSIjNzY4NDhGIiBkPSJNNC4yIDI0Ny41TDE1MSA5OS41YzQuNy00LjcgMTIuMy00LjcgMTcgMGwxOS44IDE5LjhjNC43IDQuNyA0LjcgMTIuMyAwIDE3TDY5LjMgMjU2bDExOC41IDExOS43YzQuNyA0LjcgNC43IDEyLjMgMCAxN0wxNjggNDEyLjVjLTQuNyA0LjctMTIuMyA0LjctMTcgMEw0LjIgMjY0LjVjLTQuNy00LjctNC43LTEyLjMgMC0xN3oiPjwvcGF0aD48L3N2Zz4=');\r\n\t}\r\n}",
|
|
49
50
|
"// Forms\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin form-control-focus {\r\n\r\n\t&:focus {\r\n\t\tborder-color: $input-focus-border-color;\r\n\t\toutline: 0;\r\n\t}\r\n}\r\n\r\n@mixin form-validation-state($state, $color) {\r\n\r\n\t.#{$state}-feedback {\r\n\t\tdisplay: none;\r\n\t\twidth: 100%;\r\n\t\tmargin-top: $form-feedback-margin-top;\r\n\t\tfont-size: $form-feedback-font-size;\r\n\t\tcolor: $color;\r\n\t}\r\n\r\n\t.form-control {\r\n\t\t.was-validated &:#{$state},\r\n\t\t&.is-#{$state} {\r\n\r\n\t\t\tborder-color: $color;\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tborder-color: $color;\r\n\t\t\t}\r\n\r\n\t\t\t~ .#{$state}-feedback {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.form-check-input {\r\n\t\t.was-validated &:#{$state},\r\n\t\t&.is-#{$state} {\r\n\r\n\t\t\t~ .form-check-label {\r\n\t\t\t\tcolor: $color;\r\n\t\t\t}\r\n\r\n\t\t\t~ .#{$state}-feedback {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.input-group {\r\n\t\t.was-validated &:#{$state},\r\n\t\t&.is-#{$state} {\r\n\r\n\t\t\t.form-control,\r\n\t\t .input-group-text,\r\n\t\t .input-dropdown {\r\n\t\t\t\tborder-color: $color;\r\n\t\t }\r\n\r\n\t\t\t~ .#{$state}-feedback {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",
|
|
51
|
+
"// Notification\n// ---------------------------------------------------------------------------------------------------------------\n\n@mixin notification-variant($color) {\n\tbackground: transparentize($color, 0.95);\n\tborder: 1px solid $color;\n}",
|
|
50
52
|
"// Background variant\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin bg-variant($parent, $color) {\r\n\r\n\t#{$parent} {\r\n\t\tbackground-color: $color !important;\r\n\t}\r\n\r\n\ta#{$parent},\r\n\tbutton#{$parent} {\r\n\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\tbackground-color: darken($color, 10%) !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@mixin bg-gradient-variant($parent, $color) {\r\n\r\n\t#{$parent} {\r\n\t\tbackground: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\r\n\t}\r\n}",
|
|
51
53
|
"// Gradients\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin gradient-bg($color) {\r\n\tbackground: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\r\n}\r\n\r\n@mixin gradient-x($start-color: color('grey-darker'), $end-color: color('grey-darkest'), $start-percent: 0%, $end-percent: 100%) {\r\n\tbackground-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\r\n\tbackground-repeat: repeat-x;\r\n}\r\n\r\n@mixin gradient-y($start-color: color('grey-darker'), $end-color: color('grey-darkest'), $start-percent: 0%, $end-percent: 100%) {\r\n\tbackground-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\r\n\tbackground-repeat: repeat-x;\r\n}\r\n\r\n@mixin gradient-directional($start-color: color('grey-darker'), $end-color: color('grey-darkest'), $deg: 45deg) {\r\n\tbackground-image: linear-gradient($deg, $start-color, $end-color);\r\n\tbackground-repeat: repeat-x;\r\n}\r\n\r\n@mixin gradient-x-three-colors($start-color: color('blue'), $mid-color: color('grey-pink'), $color-stop: 50%, $end-color: color('red')) {\r\n\tbackground-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\r\n\tbackground-repeat: no-repeat;\r\n}\r\n\r\n@mixin gradient-y-three-colors($start-color: color('blue'), $mid-color: color('pink'), $color-stop: 50%, $end-color: color('red')) {\r\n\tbackground-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\r\n\tbackground-repeat: no-repeat;\r\n}\r\n\r\n@mixin gradient-radial($inner-color: color('grey-darker'), $outer-color: color('grey-darkest')) {\r\n\tbackground-image: radial-gradient(circle, $inner-color, $outer-color);\r\n\tbackground-repeat: no-repeat;\r\n}\r\n\r\n@mixin gradient-striped($color: rgba(color('white'), .15), $angle: 45deg) {\r\n\tbackground-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\r\n}",
|
|
52
54
|
"// Clearfix\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin clearfix() {\r\n\t&::after {\r\n\t\tdisplay: block;\r\n\t\tclear: both;\r\n\t\tcontent: \"\";\r\n\t}\r\n}\r\n",
|
|
53
55
|
"// 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",
|
|
54
56
|
"// 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}",
|
|
55
57
|
"// Float\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin float-left {\r\n\tfloat: left !important;\r\n}\r\n\r\n@mixin float-right {\r\n\tfloat: right !important;\r\n}\r\n\r\n@mixin float-none {\r\n\tfloat: none !important;\r\n}",
|
|
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}"
|
|
58
|
+
"// 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\r\n &[for] {\r\n cursor: pointer;\r\n }\r\n}"
|
|
57
59
|
],
|
|
58
60
|
"names": [],
|
|
59
|
-
"mappings": "AAAA;;;;;GAKG;
|
|
61
|
+
"mappings": "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"
|
|
60
62
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Cool UI - Reboot v1.
|
|
2
|
+
* Cool UI - Reboot v1.2.3 (https://finqu.fi)
|
|
3
3
|
* Copyright 2019 Finqu Oy.
|
|
4
4
|
* Licensed under the ISC license - (http://opensource.org/licenses/ISC)
|
|
5
5
|
* Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
6
|
-
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#41464f;text-align:left;background-color:#f5f5f5}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}hr{box-sizing:content-box;height:0;overflow:visible}button{border-radius:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}progress{vertical-align:baseline}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:16px;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:16px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:400}dd{margin-bottom:8px;margin-left:0}blockquote{margin:0 0 16px}dfn{font-style:italic}[tabindex="-1"]:focus{outline:0!important}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]:not(:disabled):not(.disabled),[type=reset]:not(:disabled):not(.disabled),[type=submit]:not(:disabled):not(.disabled),button:not(:disabled):not(.disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted #283543}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=checkbox]{margin-right:5px;vertical-align:top}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}.fieldset,fieldset{background:#f5f5f5;border:1px solid #ddd;border-radius:3px;padding:10px 15px;box-sizing:border-box;margin:0}.fieldset legend,fieldset legend{font-size:12px;color:#76848f}[hidden]{display:none!important}a{color:#03a2d2;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#026887}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}p{margin:0 0 10.5px}code{font-family:Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;font-size:80%}b,strong{font-weight:500}label{display:inline-block;font-size:12px;margin-bottom:6px}
|
|
6
|
+
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#41464f;text-align:left;background-color:#f5f5f5}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}hr{box-sizing:content-box;height:0;overflow:visible}button{border-radius:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}progress{vertical-align:baseline}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:16px;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:16px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:400}dd{margin-bottom:8px;margin-left:0}blockquote{margin:0 0 16px}dfn{font-style:italic}[tabindex="-1"]:focus{outline:0!important}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]:not(:disabled):not(.disabled),[type=reset]:not(:disabled):not(.disabled),[type=submit]:not(:disabled):not(.disabled),button:not(:disabled):not(.disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted #283543}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=checkbox]{margin-right:5px;vertical-align:top}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}.fieldset,fieldset{background:#f5f5f5;border:1px solid #ddd;border-radius:3px;padding:10px 15px;box-sizing:border-box;margin:0}.fieldset legend,fieldset legend{font-size:12px;color:#76848f}[hidden]{display:none!important}a{color:#03a2d2;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#026887}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}p{margin:0 0 10.5px}code{font-family:Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;font-size:80%}b,strong{font-weight:500}label{display:inline-block;font-size:12px;margin-bottom:6px}label[for]{cursor:pointer}
|
|
7
7
|
/*# sourceMappingURL=cool-reboot.min.css.map */
|