@finqu/cool 1.2.27 → 1.2.29
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 +703 -17
- 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 +16 -15
- package/dist/css/cool-reboot.css.map +7 -7
- package/dist/css/cool-reboot.min.css +1 -1
- package/dist/css/cool-reboot.min.css.map +1 -1
- package/dist/css/cool.css +2663 -2160
- package/dist/css/cool.css.map +30 -30
- package/dist/css/cool.min.css +1 -1
- package/dist/css/cool.min.css.map +1 -1
- package/dist/js/cool.bundle.js +142 -116
- package/dist/js/cool.bundle.js.map +1 -1
- package/dist/js/cool.bundle.min.js +3 -3
- package/dist/js/cool.bundle.min.js.map +1 -1
- package/dist/js/cool.esm.js +142 -116
- package/dist/js/cool.esm.js.map +1 -1
- package/dist/js/cool.esm.min.js +3 -3
- package/dist/js/cool.esm.min.js.map +1 -1
- package/dist/js/cool.js +142 -116
- package/dist/js/cool.js.map +1 -1
- package/dist/js/cool.min.js +3 -3
- package/dist/js/cool.min.js.map +1 -1
- package/html/index.html +41 -42
- package/js/dist/collapse.js +912 -667
- package/js/dist/collapse.js.map +1 -1
- package/js/dist/common.js +1211 -1367
- package/js/dist/common.js.map +1 -1
- package/js/dist/dropdown.js +2 -2
- package/js/dist/popover.js +1784 -1610
- package/js/dist/popover.js.map +1 -1
- package/js/dist/sectiontabs.js +2 -2
- package/js/dist/select.js +3330 -3302
- package/js/dist/select.js.map +1 -1
- package/js/dist/tooltip.js +1708 -1594
- package/js/dist/tooltip.js.map +1 -1
- package/js/src/collapse.js +44 -30
- package/js/src/common.js +60 -77
- package/js/src/dialog.js +3 -2
- package/js/src/popover.js +15 -4
- package/js/src/select.js +7 -6
- package/js/src/tooltip.js +15 -9
- package/package.json +1 -1
- package/scss/_alert.scss +26 -30
- package/scss/_badge.scss +44 -13
- package/scss/_buttons.scss +60 -19
- package/scss/_custom-forms.scss +51 -36
- package/scss/_dialog.scss +15 -16
- package/scss/_dropdown.scss +2 -0
- package/scss/_forms.scss +2 -1
- package/scss/_frame.scss +310 -231
- package/scss/_functions.scss +1 -1
- package/scss/_images.scss +51 -52
- package/scss/_input-group.scss +35 -21
- package/scss/_navbar.scss +30 -4
- package/scss/_pagination.scss +25 -16
- package/scss/_popover.scss +3 -1
- package/scss/_reboot.scss +5 -4
- package/scss/_root.scss +3 -3
- package/scss/_section.scss +162 -97
- package/scss/_select.scss +12 -0
- package/scss/_tables.scss +55 -36
- package/scss/_tabs.scss +29 -26
- package/scss/_type.scss +9 -1
- package/scss/_variables.scss +376 -252
- package/scss/mixins/_alert-variant.scss +6 -11
- package/scss/mixins/_badge-variant.scss +2 -2
- package/scss/mixins/_gradients.scss +5 -5
- package/scss/utilities/_background.scss +3 -3
- package/scss/utilities/_borders.scss +5 -5
- package/scss/utilities/_placeholder.scss +6 -5
- package/scss/utilities/_text.scss +3 -3
- package/html/dropdown-test.html +0 -200
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
],
|
|
32
32
|
"sourcesContent": [
|
|
33
33
|
"/*!\n * Cool UI - Reboot (https://finqu.fi)\n * Copyright 2020 Finqu Oy.\n * Licensed under the ISC license - (http://opensource.org/licenses/ISC)\n * Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\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') !default;\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 !default;\n$navbar-height-sm: 48px !default;\n$navbar-border-width: 1px !default;\n$navbar-border-color: transparent;\n$navbar-padding-x: 15px !default;\n\n$navbar-item-min-width: 45px !default;\n$navbar-item-padding-x: 8px !default;\n$navbar-item-font-size: 14px !default;\n$navbar-item-icon-size: 20px !default;\n$navbar-item-spacer-width:\t\t\t\t\t 10px !default;\n$navbar-pulse-shadow-color: \t\t\t\t lighten($navbar-color, 10%) !default;\n\n// Frame\n$frame-enable: true !default;\n\n$frame-sidebar-left-width: 250px !default;\n$frame-sidebar-left-bg: $body-bg !default;\n$frame-sidebar-left-bg-mobile: color('white') !default;\n$frame-sidebar-left-border-width: 1px !default;\n$frame-sidebar-left-border-color: $border-color !default;\n\n$frame-sidebar-right-width: 250px !default;\n$frame-sidebar-right-bg: $body-bg !default;\n$frame-sidebar-right-bg-mobile: color('white') !default;\n$frame-sidebar-right-border-width: 1px !default;\n$frame-sidebar-right-border-color: $border-color !default;\n\n\n$frame-sidebar-nav-icon-size: 20px !default;\n$frame-sidebar-nav-icon-color: color('grey-darkest') !default;\n$frame-sidebar-nav-icon-hover-color: darken(color('blue-grey'), 5%) !default;\n$frame-sidebar-nav-icon-active-color: color('blue') !default;\n\n$frame-sidebar-nav-item-border-color: $border-color !default;\n\n$frame-sidebar-nav-item-parent-font-size: 14px !default;\n$frame-sidebar-nav-item-parent-color: darken(color('blue-grey'), 5%) !default;\n$frame-sidebar-nav-item-parent-hover-color: darken(color('blue-grey'), 15%) !default;\n$frame-sidebar-nav-item-parent-active-color: darken(color('blue-grey'), 5%) !default;\n\n$frame-sidebar-nav-item-child-font-size: 14px !default;\n$frame-sidebar-nav-item-child-color: darken(color('blue-grey'), 5%) !default;\n$frame-sidebar-nav-item-child-hover-color: color('blue') !default;\n$frame-sidebar-nav-item-child-active-color: color('blue') !default;\n\n$frame-sidebar-tabs-color: color('grey-darker') !default;\n$frame-sidebar-tabs-bg: transparent !default;\n$frame-sidebar-tabs-border-color: $border-color !default;\n\n$frame-sidebar-tabs-hover-color: color('grey-darker') !default;\n$frame-sidebar-tabs-hover-bg: transparent !default;\n$frame-sidebar-tabs-hover-border-color: $border-color !default;\n\n$frame-sidebar-tabs-active-color: darken(color('grey-darker'), 10%) !default;\n$frame-sidebar-tabs-active-bg: color('grey-lightest') !default;\n$frame-sidebar-tabs-active-border-color: color('blue') !default;\n\n\n// Fonts\n$font-family-sans-serif: 'Roboto', Helvetica, Arial, sans-serif !default;\n$font-family-serif: Georgia, 'Times New Roman', Times, serif !default;\n\n$font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n\n$font-size-base: 14px !default;\n$font-size-lg: 16px !default;\n$font-size-sm: 12px !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 500 !default;\n$font-weight-bolder: bolder !default;\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-lg: 1.5 !default;\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.35 !default;\n$line-height-xs: 1.25 !default;\n$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // 21px\n\n$h1-font-size: floor(($font-size-base * 1.86)) !default; // ~26px\n$h2-font-size: floor(($font-size-base * 1.60)) !default; // ~22px\n$h3-font-size: ceil(($font-size-base * 1.35)) !default; // ~19px\n$h4-font-size: ceil(($font-size-base * 1.20)) !default; // ~17px\n$h5-font-size: ceil(($font-size-base * 1.07)) !default; // ~15px\n$h6-font-size: ceil(($font-size-base * 0.85)) !default; // ~12px\n\n$headings-margin-bottom:\t calc(#{$line-height-computed / 2}) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 400 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 84px !default;\n$display2-size: 77px !default;\n$display3-size: 63px !default;\n$display4-size: 49px !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$hr-border-color: $border-color !default;\n$hr-border-width: $border-width !default;\n$hr-margin-y: spacer(3) !default;\n\n\n// Icon\n$icon-color: color('grey-darker') !default;\n$icon-spacer: 7px;\n\n\n// Box shadow\n$box-shadow-sm: 0 17px 3px rgba(color('black'), .075) !default;\n$box-shadow: 0 7px 14px rgba(color('black'), .15) !default;\n$box-shadow-lg: 0 14px 42px rgba(color('black'), .175) !default;\n\n\n// Caret\n$caret-width: 4px !default;\n\n\n// Buttons + Forms\n$input-btn-padding-y: 7px !default;\n$input-btn-padding-x: 14px !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-padding-y-sm: 6px !default;\n$input-btn-padding-x-sm: 12px !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: 10px !default;\n$input-btn-padding-x-lg: 14px !default;\n$input-btn-font-size-lg: $font-size-base + 1px !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: normal !default;\n$btn-block-spacing-y: 8px !default;\n\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-icon-height: calc(#{$btn-line-height * $btn-font-size} + #{$btn-padding-y * 2}) !default;\n$btn-icon-height-sm: calc(#{$btn-line-height-sm * $btn-font-size-sm} + #{$btn-padding-y-sm * 2}) !default;\n$btn-icon-height-lg: calc(#{$btn-line-height-lg * $btn-font-size-lg} + #{$btn-padding-y-lg * 2}) !default;\n\n\n// Forms\n$label-font-size: $font-size-sm !default;\n$label-margin-bottom: 6px !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: color('white') !default;\n$input-disabled-bg: color('grey-lighter') !default;\n\n$input-color: $body-color !default;\n$input-border-color: $border-color !default;\n$input-border-width: $input-btn-border-width !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-border-color: darken($border-color, 20%) !default;\n$input-placeholder-color: color('grey-dark') !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n$input-height-inner: $input-line-height * $input-font-size + $input-padding-y * 2 !default;\n$input-height-inner-half: $input-line-height * $input-font-size / 2 + $input-padding-y !default;\n$input-height-inner-quarter: $input-line-height * $input-font-size / 4 + $input-padding-y / 2 !default;\n\n$input-height: $input-line-height * $input-font-size + $input-padding-y * 2 + $input-height-border !default;\n$input-height-sm: $input-line-height-sm * $input-font-size-sm + $input-btn-padding-y-sm * 2 + $input-height-border !default;\n$input-height-lg: $input-line-height-lg * $input-font-size-lg + $input-btn-padding-y-lg * 2 + $input-height-border !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: color('white') !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$form-text-margin-top: 4px !default;\n\n$form-check-input-gutter: spacer(3) !default;\n$form-check-input-margin-y: 4px !default;\n$form-check-input-margin-x: 3px !default;\n\n$form-check-inline-margin-x: 10px !default;\n$form-check-inline-input-margin-x: 5px !default;\n\n$form-grid-gutter-width: spacer(3) !default;\n$form-group-margin-bottom: spacer(3) !default;\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color('success') !default;\n$form-feedback-invalid-color: theme-color('danger') !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n\t(\n\t\t'valid': (\n\t\t\t'color': $form-feedback-valid-color,\n\t\t),\n\t\t'invalid': (\n\t\t\t'color': $form-feedback-invalid-color,\n\t\t),\n\t),\n\t$form-validation-states\n);\n\n\n// Badge\n$badge-xs-font-size: 80% !default;\n$badge-xs-font-weight: $font-weight-normal !default;\n$badge-xs-line-height: $line-height-xs !default;\n$badge-xs-padding-y: 0.2em !default;\n$badge-xs-padding-x: 0.5em !default;\n\n$badge-sm-font-size: 90% !default;\n$badge-sm-font-weight: $font-weight-normal !default;\n$badge-sm-line-height: $line-height-sm !default;\n$badge-sm-padding-y: 0.2em !default;\n$badge-sm-padding-x: 0.5em !default;\n\n$badge-font-size: inherit !default;\n$badge-font-weight: $font-weight-normal !default;\n$badge-line-height: $line-height-sm !default;\n$badge-padding-y: 0.2em !default; \n$badge-padding-x: 0.5em !default;\n$badge-border-radius: $border-radius !default;\n\n\n// Pagination\n$pagination-padding-y: 8px !default;\n$pagination-padding-x: 12px !default;\n\n$pagination-active-color: color('white') !default;\n$pagination-active-bg: theme-color('primary') !default;\n$pagination-active-border-color: theme-color('primary') !default;\n\n$pagination-disabled-color: color('grey-dark') !default;\n$pagination-disabled-bg: color('grey-lighter') !default;\n$pagination-disabled-border-color: $border-color !default;\n\n$pagination-color: color('grey-darker') !default;\n$pagination-bg: color('white') !default;\n$pagination-border: 1px solid $border-color !default;\n$pagination-line-height: 20px !default;\n\n$pagination-hover-color: color('grey-darkest') !default;\n$pagination-hover-bg: color('grey-lightest') !default;\n$pagination-hover-border-color: $border-color !default;\n\n\n// Z-index\n$zindex-fixed: 1005 !default;\n$zindex-sticky: 1005 !default;\n$zindex-popover: 1005 !default;\n$zindex-tooltip: 1005 !default;\n$zindex-dropdown: 1005 !default;\n$zindex-select: 1005 !default;\n$zindex-toast: 1010 !default;\n$zindex-dialog: 1010 !default;\n\n\n// Links colors\n$link-color: color('blue') !default;\n$link-hover-color: darken(color('blue'), 15%) !default;\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n\n// Table\n$table-color: $body-color !default;\n$table-bg: color('white') !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: #ecf4f9 !default;\n$table-accent-bg: color('grey-lighter') !default;\n\n$table-link-color: $link-color !default;\n$table-link-hover-color: $link-hover-color !default;\n\n$table-head-bg: color('grey-lightest') !default;\n$table-head-color: color('grey-darker') !default;\n\n$table-icon-color: color('grey-darker') !default;\n$table-border-color: color('grey') !default;\n\n\n// Tabs\n$tabs-bg: color('white') !default;\n$tabs-bg-active: color('white') !default;\n$tabs-text-color: color('grey-darker') !default;\n$tabs-text-active-color: $body-color !default;\n\n\n// Tooltips\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: color('white') !default;\n$tooltip-bg: color('black') !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: 4px !default;\n$tooltip-padding-x: 7px !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: 12px !default;\n$tooltip-arrow-height: 6px !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n$popover-font-size: $font-size-sm !default;\n$popover-bg: color('white') !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba(color('black'), 0.2) !default;\n$popover-border-radius: $border-radius !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: 8px !default;\n$popover-header-padding-x: 12px !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 14px !default;\n$popover-arrow-height: 7px !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, 0.05) !default;\n\n\n// Nav divider\n$nav-divider-color: color('grey-light') !default;\n$nav-divider-margin-y: 14px / 2 !default;\n\n\n// Dropdown\n$dropdown-min-width: 140px !default;\n$dropdown-padding-y: 7px !default;\n$dropdown-spacer: 3px !default;\n$dropdown-bg: color('white') !default;\n$dropdown-color: $body-color !default;\n$dropdown-border-color: rgba(color('black'), 0.15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: color('grey-light') !default;\n$dropdown-box-shadow: 0 2px 5px rgba(color('black'), 0.16) !default;\n\n$dropdown-link-color: color('grey-darkest') !default;\n$dropdown-link-hover-color: darken(color('grey-darkest'), 5%) !default;\n$dropdown-link-hover-bg: color('grey-lightest') !default;\n\n$dropdown-link-active-color: color('grey-darkest') !default;\n$dropdown-link-active-bg: color('blue-light') !default;\n\n$dropdown-link-disabled-color: color('grey-darker') !default;\n\n$dropdown-item-padding-y: 5px !default;\n$dropdown-item-padding-x: 21px !default;\n\n$dropdown-header-color: color('grey-darker') !default;\n\n\n// Select\n$select-spacer: 8px !default;\n$select-bg: $input-bg !default;\n$select-border-color: $input-border-color !default;\n$select-border-radius: $border-radius !default;\n$select-border-width: $border-width !default;\n$select-divider-bg: color('grey-light') !default;\n$select-box-shadow: 0 2px 5px rgba(color('black'), 0.16) !default;\n\n$select-item-color: color('grey-darkest') !default;\n$select-item-hover-color: darken(color('grey-darkest'), 5%) !default;\n$select-item-hover-bg: color('grey-lightest') !default;\n\n$select-item-disabled-color: color('grey-darker') !default;\n\n$select-item-padding-y: 6px !default;\n$select-item-padding-x: 12px !default;\n\n$select-header-color: color('grey-darker') !default;\n\n\n// Section\n$section-font-size: $font-size-base !default;\n$section-border-radius: $border-radius !default;\n$section-spacer: spacer(4) !default;\n$section-spacer-mobile: spacer(2) !default;\n$section-padding: spacer(4) !default;\n\n$section-bg: color('white') !default;\n$section-color: $body-color !default;\n$section-box-shadow: 0 1px 2px #cccccc, 0 0 0 1px #eeeeee !default;\n$section-hover-box-shadow: 0 1px 4px #cccccc, 0 0 0 1px #dddddd !default;\n$section-divider-color: color('grey-light') !default;\n\n$section-header-font-family: $font-family-base !default;\n$section-header-font-size: 15px !default;\n$section-header-font-weight: $font-weight-bold !default;\n$section-header-bg: color('white') !default;\n$section-header-color: color('grey-darkest') !default;\n$section-header-actions-color: color('black') !default;\n$section-header-icons-color: color('grey-darkest') !default;\n$section-header-icons-size: 15px !default;\n\n$section-tabs-bg: color('white') !default;\n$section-tabs-item-padding-y: $section-padding !default;\n$section-tabs-item-margin-x: $section-padding !default;\n$section-tabs-item-min-width: 50px !default;\n\n$section-tabs-color: color('grey-darker') !default;\n$section-tabs-hover-color: color('grey-darkest') !default;\n$section-tabs-active-color: color('grey-darkest')!default;\n\n$section-tabs-border-width: 3px !default;\n$section-tabs-border-color: $border-color !default;\n$section-tabs-border-hover-color: color('grey-dark') !default;\n$section-tabs-border-active-color: color('blue') !default;\n\n\n// Toast\n$toast-font-size: $font-size-base !default;\n$toast-font-size-sm: $font-size-sm !default;\n$toast-font-size-lg: 18px !default;\n\n$toast-bg-light: color('white') !default;\n$toast-bg-dark: color('grey-darkest') !default;\n$toast-border-width: $border-width !default;\n$toast-border-color-light: rgba(color('black'), 0.2) !default;\n$toast-border-color-dark: rgba(color('white'), 0.2) !default;\n$toast-border-radius: $border-radius !default;\n\n$toast-header-bg-light: darken($toast-bg-light, 3%) !default;\n$toast-header-bg-dark: darken($toast-bg-dark, 3%) !default;\n$toast-header-color-light: $headings-color !default;\n$toast-header-color-dark: color('white') !default;\n$toast-header-padding-y: 8px !default;\n$toast-header-padding-x: 12px !default;\n\n$toast-header-padding-y-sm: 6px !default;\n$toast-header-padding-x-sm: 10px !default;\n\n$toast-header-padding-y-lg: 8px !default;\n$toast-header-padding-x-lg: 16px !default;\n\n$toast-body-color-light: $body-color !default;\n$toast-body-color-dark: color('white') !default;\n$toast-body-padding-y: 12px!default;\n$toast-body-padding-x: 12px !default;\n\n$toast-body-padding-y-sm: 10px!default;\n$toast-body-padding-x-sm: 10px !default;\n\n$toast-body-padding-y-lg: 16px !default;\n$toast-body-padding-x-lg: 16px !default;",
|
|
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// Provide a decent range of greys. This is also to make some\n// syncing with Ionic theming.\n$grey-50: \t\t\t\t\t\t\t\t\t #F0F0F0 !default;\n$grey-100: \t\t\t\t\t\t\t\t\t #E1E1E1 !default;\n$grey-150: \t\t\t\t\t\t\t\t\t #D9D9D9 !default;\n$grey-200: \t\t\t\t\t\t\t\t\t #CCCCCC !default;\n$grey-250: \t\t\t\t\t\t\t\t\t #BFBFBF !default;\n$grey-300: \t\t\t\t\t\t\t\t\t #B3B3B3 !default;\n$grey-350: \t\t\t\t\t\t\t\t\t #A6A6A6 !default;\n$grey-400: \t\t\t\t\t\t\t\t\t #999999 !default;\n$grey-450: \t\t\t\t\t\t\t\t\t #8C8C8C !default;\n$grey-500: \t\t\t\t\t\t\t\t\t #808080 !default;\n$grey-550: \t\t\t\t\t\t\t\t\t #737373 !default;\n$grey-600: \t\t\t\t\t\t\t\t\t #666666 !default;\n$grey-650: \t\t\t\t\t\t\t\t\t #595959 !default;\n$grey-700: \t\t\t\t\t\t\t\t\t #4D4D4D !default;\n$grey-750: \t\t\t\t\t\t\t\t\t #404040 !default;\n$grey-800: \t\t\t\t\t\t\t\t\t #333333 !default;\n$grey-850: \t\t\t\t\t\t\t\t\t #262626 !default;\n$grey-900: \t\t\t\t\t\t\t\t\t #1A1A1A !default;\n$grey-950: \t\t\t\t\t\t\t\t\t #0D0D0D !default;\n\n// These colors do not provide any semantic context and therefore\n// make adjustments to the UI really hard if developers use such\n// definitions. Therefore these colors should not be provided\n// as general CSS classes but as a guideline for developers\n// to use right colors when creating spesific components.\n//\n// 'blue' color isn't anything else but a shade of blue color but\n// 'info' can be anything that fits the UI design. So if we were\n// to change UI to a blue themed design text and background classes as\n// text-blue or bg-blue would be a pain in the ass.\n//\n// Also it would make sense to provide shades and tints for other\n// colors too and not only for greys.\n$colors: () !default;\n$colors: map-merge(\n\t(\n\t\t// Black and white don't need to be variables\n\t\t// as they are just white and black. If we do not provide\n\t\t// any helper classes for these (read the above)\n\t\t// these variables really do not make any sense, do they?\n\t // 'white': #ffffff,\n\t // 'black': #000000,\n\n\t 'grey-lightest': $grey-50,\n\t 'grey-lighter': $grey-200,\n\t 'grey-light': $grey-350,\n\t 'grey': $grey-500,\n\t 'grey-dark': $grey-650,\n\t 'grey-darker': $grey-800,\n\t 'grey-darkest': $grey-950,\n\n\t\t'blue-lightest':\t\t\t\t\t #d0ddf5,\n\t\t'blue-lighter':\t\t\t\t\t\t #a2bbea,\n\t\t'blue-light':\t\t\t\t\t\t #7499e0,\n\t 'blue': #4577D5,\n\t 'blue-dark':\t\t\t\t\t\t #2755ad,\n\t 'blue-darker':\t\t\t\t\t\t #1a3973,\n\t 'blue-darkest':\t\t\t\t\t\t #0d1c3a,\n\n\t\t'green-lightest':\t\t\t\t\t #d8ecdf,\n\t\t'green-lighter':\t\t\t\t\t #b1dabf,\n\t\t'green-light':\t\t\t\t\t\t #89c79f,\n\t 'green': #62B47F,\n\t 'green-dark':\t\t\t\t\t\t #438d5d,\n\t 'green-darker':\t\t\t\t\t\t #2d5e3e,\n\t 'green-darkest':\t\t\t\t\t #162f1f,\n\n\t\t'red-lightest':\t\t\t\t\t\t #ffceda,\n\t\t'red-lighter':\t\t\t\t\t\t #fe9eb5,\n\t\t'red-light':\t\t\t\t\t\t #fe6d90,\n\t 'red': \t #FE3C6B,\n\t 'red-dark':\t\t\t\t\t\t\t #ea013a,\n\t 'red-darker':\t\t\t\t\t\t #9c0126,\n\t 'red-darkest':\t\t\t\t\t\t #4e0013,\n\n\t\t'yellow-lightest':\t\t\t\t\t #fdf0d6,\n\t\t'yellow-lighter':\t\t\t\t\t #fbe0ac,\n\t\t'yellow-light':\t\t\t\t\t\t #f8d183,\n\t 'yellow': #F6C25A,\n\t 'yellow-dark':\t\t\t\t\t\t #efa40d,\n\t 'yellow-darker':\t\t\t\t\t #9f6d09,\n\t 'yellow-darkest':\t\t\t\t\t #503704\n\t),\n\t$colors\n);\n\n\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n\t(\n\t\t'primary': #212121,\n\t\t'secondary': #e4e4e4,\n\t\t'success': #62B47F,\n\t\t'info': #4577D5,\n\t\t'warning': #F6C25A,\n\t\t'danger': #FE3C6B,\n\t\t'light':\t\t\t\t\t\t\t $grey-150,\n\t\t'medium':\t\t\t\t\t\t\t $grey-450,\n\t\t'dark':\t\t\t\t\t\t\t\t $grey-700,\n\t\t'brand': #EF5FA0,\n \t),\n\t$theme-colors\n);\n\n\n// Color contrast\n$yiq-contrasted-threshold: 150 !default;\n$yiq-text-dark: $grey-800 !default;\n$yiq-text-light: #ffffff !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\txs-lg: 400px,\n\tsm: 568px,\n\tmd: 768px,\n\tlg: 1047px,\n\txl: 1280px\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: #eaeaea; //#F1F1F1 !default;\n$body-color: #212121 !default;\n$body-hover-bg:\t\t\t\t\t\t\t\t #fafafa !default;\n$body-emphasize-bg:\t\t\t\t\t\t\t #fafafa !default;\n\n// Borders\n$border-width: 1px !default;\n$border-color: $grey-50 !default;\n\n$border-radius: 6px !default;\n$border-radius-xs: 4px !default;\n$border-radius-sm: 5px !default;\n$border-radius-lg: 7px !default;\n\n\n// Navbar\n$navbar-bg: transparent !default;\n$navbar-color: $body-color !default;\n$navbar-hover-color: theme-color('brand') !default;\n$navbar-height: 60px !default;\n$navbar-height-sm: 60px !default;\n$navbar-border-width: 1px !default;\n$navbar-border-color: transparent;\n$navbar-padding-x: 15px !default;\n\n$navbar-item-min-width: 45px !default;\n$navbar-item-padding-x: 8px !default;\n$navbar-item-font-size: 14px !default;\n$navbar-item-icon-size: 20px !default;\n$navbar-item-spacer-width:\t\t\t\t\t 10px !default;\n$navbar-pulse-shadow-color: \t\t\t\t lighten($navbar-color, 10%) !default;\n\n// Fonts\n$font-family-sans-serif: 'Inter', Helvetica, Arial, sans-serif !default;\n$font-family-serif: Georgia, 'Times New Roman', Times, serif !default;\n$font-family-title: \t\t\t\t\t\t'Poppins', sans-serif !default;\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$font-size-xs:\t\t\t\t\t\t\t\t 10px !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 400 !default;\n$font-weight-normal: 500 !default;\n$font-weight-bold: 600 !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\t\t\t\t\t\t\t\t\t\t\t // Minor third scale (1.2)\n$h1-font-size: floor(($font-size-base * 2.986)) !default;\n$h2-font-size: floor(($font-size-base * 2.488)) !default;\n$h3-font-size: ceil(($font-size-base * 2.074)) !default;\n$h4-font-size: ceil(($font-size-base * 1.728)) !default;\n$h5-font-size: ceil(($font-size-base * 1.44)) !default;\n$h6-font-size: ceil(($font-size-base * 1.2)) !default;\n\n$headings-margin-bottom:\t calc(#{$line-height-computed / 2}) !default;\n$headings-font-family: $font-family-title !default;\n$headings-font-weight: 600 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 104px !default;\n$display2-size: 86px !default;\n$display3-size: 72px !default;\n$display4-size: 60px !default;\n\n$display1-weight: 600 !default;\n$display2-weight: 600 !default;\n$display3-weight: 600 !default;\n$display4-weight: 600 !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// Frame\n$frame-enable: true !default;\n\n$frame-sidebar-left-width: 280px !default;\n$frame-sidebar-left-bg: transparent !default;\n$frame-sidebar-left-bg-mobile: transparent !default;\n$frame-sidebar-left-border-width: 0 !default;\n$frame-sidebar-left-border-color: $border-color !default;\n$frame-sidebar-left-padding-y:\t\t\t 0px !default;\n$frame-sidebar-left-padding-x:\t\t\t 0px !default;\n$frame-sidebar-left-header-padding-y: \t\t 30px !default;\n$frame-sidebar-left-header-padding-x: \t\t 30px !default;\n$frame-sidebar-left-content-padding-y:\t\t 20px !default;\n$frame-sidebar-left-content-padding-x:\t\t 20px !default;\n\n$frame-sidebar-spacing:\t\t\t\t\t\t 0px !default;\n$frame-sidebar-right-width: 280px !default;\n$frame-sidebar-right-bg: transparent !default;\n$frame-sidebar-right-bg-mobile: transparent !default;\n$frame-sidebar-right-border-width: 0 !default;\n$frame-sidebar-right-border-color: $border-color !default;\n\n$frame-sidebar-nav-style: \t\t\t\t \t 'simple' !default;\n$frame-sidebar-nav-bg:\t\t\t\t\t\t transparent !default;\n$frame-sidebar-nav-padding-y:\t\t \t\t 0px !default;\n$frame-sidebar-nav-padding-x:\t\t 10px !default;\n$frame-sidebar-sub-nav-padding-y:\t\t \t 0px !default;\n$frame-sidebar-sub-nav-padding-x:\t\t 0px !default;\n$frame-sidebar-nav-font-family:\t\t\t\t $font-family-title;\n$frame-sidebar-nav-icon-size: 20px !default;\n$frame-sidebar-nav-icon-color: $body-color !default;\n$frame-sidebar-nav-icon-hover-color: $body-color !default;\n$frame-sidebar-nav-icon-active-color: $body-color !default;\n\n$frame-sidebar-nav-item-padding-x: \t\t\t 0px !default;\n$frame-sidebar-nav-item-padding-y: \t\t\t 7px !default;\n$frame-sidebar-nav-item-child-padding-x: \t 0px !default;\n$frame-sidebar-nav-item-child-padding-y: \t 9px !default;\n$frame-sidebar-nav-item-border-color: $border-color !default;\n\n$frame-sidebar-nav-item-parent-font-size: 16px !default;\n$frame-sidebar-nav-item-parent-font-weight: 600 !default;\n$frame-sidebar-nav-item-parent-color: $body-color !default;\n$frame-sidebar-nav-item-parent-hover-color: $body-color !default;\n$frame-sidebar-nav-item-parent-active-color: $body-color !default;\n\n$frame-sidebar-nav-item-child-font-size: 12px !default;\n$frame-sidebar-nav-item-child-font-weight: 500 !default;\n$frame-sidebar-nav-item-child-color: $body-color !default;\n$frame-sidebar-nav-item-child-hover-color: $body-color !default;\n$frame-sidebar-nav-item-child-active-color: $body-color !default;\n\n$frame-sidebar-tabs-color: theme-color('medium') !default;\n$frame-sidebar-tabs-bg: transparent !default;\n$frame-sidebar-tabs-border-color: $border-color !default;\n\n$frame-sidebar-tabs-hover-color: theme-color('medium') !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(theme-color('medium'), 10%) !default;\n$frame-sidebar-tabs-active-bg: theme-color('light') !default;\n$frame-sidebar-tabs-active-border-color: color('blue') !default;\n\n$frame-content-box-shadow:\t\t\t\t\t none !default; //0px 0px 20px rgba(0, 0, 0, 0.05) !default;\n$frame-content-bg:\t\t\t\t\t\t\t $body-bg !default; //#FAFAFA !default;\n$frame-content-padding-sm:\t\t\t\t 10px !default;\n$frame-content-border-radius-sm:\t\t\t $border-radius-sm $border-radius-sm 0 0 !default;\n$frame-content-padding:\t\t\t\t\t 30px 10px !default;\n$frame-content-border-radius:\t\t\t\t $border-radius 0 0 $border-radius !default;\n\n// Icon\n$icon-color: theme-color('medium') !default;\n$icon-spacer: 5px;\n\n\n// Box shadow\n$box-shadow-sm: 0 17px 3px rgba(#000000, .075) !default;\n$box-shadow: 0 7px 14px rgba(#000000, .15) !default;\n$box-shadow-lg: 0 14px 42px rgba(#000000, .175) !default;\n\n\n// Caret\n$caret-width: 4px !default;\n\n\n// Buttons + Forms\n$input-btn-padding-y: 11px !default;\n$input-btn-padding-x: 16px !default;\n$input-btn-font-family: $font-family-sans-serif !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-xs: 6px !default;\n$input-btn-padding-x-xs: 9px !default;\n$input-btn-font-size-xs: $font-size-xs !default;\n$input-btn-line-height-xs: $line-height-xs !default;\n\n$input-btn-padding-y-sm: 9px !default;\n$input-btn-padding-x-sm: 13px !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: 14px !default;\n$input-btn-padding-x-lg: 20px !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-xs: $input-btn-padding-y-xs !default;\n$btn-padding-x-xs: $input-btn-padding-x-xs !default;\n$btn-font-size-xs: $input-btn-font-size-xs !default;\n$btn-line-height-xs: $input-btn-line-height-xs !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: 600 !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$btn-border-radius-xs: $border-radius-xs !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: 12px !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: $font-family-sans-serif !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-normal !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: #f3f3f3 !default;\n$input-disabled-bg: #f3f3f3 !default;\n$input-disabled-color:\t\t\t\t\t\t theme-color('medium') !default;\n\n$input-color: $body-color !default;\n$input-border-color: $grey-100 !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: theme-color('medium') !default;\n$input-placeholder-color: theme-color('medium') !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: $input-bg !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-xs !default;\n$badge-xs-font-weight: 600 !default;\n$badge-xs-line-height: $line-height-xs !default;\n$badge-xs-padding-y: 2px !default;\n$badge-xs-padding-x: 5px !default;\n\n$badge-sm-font-size: $font-size-sm !default;\n$badge-sm-font-weight: 600 !default;\n$badge-sm-line-height: $line-height-sm !default;\n$badge-sm-padding-y: 3px !default;\n$badge-sm-padding-x: 7px !default;\n\n$badge-font-size: $font-size-base !default;\n$badge-font-weight: 600 !default;\n$badge-line-height: $line-height-base !default;\n$badge-padding-y: 5px !default;\n$badge-padding-x: 10px !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: $body-color !default;\n$pagination-disabled-color: theme-color('light') !default;\n\n$pagination-color: theme-color('medium') !default;\n$pagination-line-height: 20px !default;\n\n$pagination-hover-color: theme-color('dark') !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: color('blue-darker') !default;\n$link-font-weight: \t\t\t\t\t\t\t $font-weight-bold;\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n\n// Table\n$table-color: $body-color !default;\n$table-bg: #ffffff !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: #FAFAFA !default;\n$table-accent-bg: theme-color('light') !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: $body-color !default;\n\n$table-icon-color: theme-color('medium') !default;\n$table-border-color: $border-color !default;\n\n$table-th-padding-mobile:\t\t\t\t\t 10px 10px;\n$table-th-padding: \t\t\t\t\t\t\t 10px 20px;\n$table-th-padding-sm: \t\t\t\t\t 10px 20px;\n$table-th-font-family:\t\t\t\t\t\t $font-family-sans-serif;\n$table-th-font-weight:\t\t\t\t\t\t 600;\n$table-th-font-size:\t\t\t\t\t\t $font-size-sm;\n$table-th-line-height:\t\t\t\t\t\t 18px;\n$table-th-bg:\t\t\t\t\t\t\t transparent;\n\n$table-td-padding-mobile:\t\t\t\t\t 10px 10px;\n$table-td-padding: \t\t\t\t\t\t\t 10px 20px;\n$table-td-padding-sm: \t\t\t\t\t\t 5px 20px;\n$table-td-line-height:\t\t\t\t\t\t $table-th-line-height;\n\n// Tabs\n$tabs-bg: transparent !default;\n$tabs-bg-active: transparent !default;\n$tabs-text-color: theme-color('medium') !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: #ffffff !default;\n$tooltip-bg: #000000 !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: #ffffff !default;\n$popover-box-shadow:\t\t\t\t\t\t 0 0 20px 0 rgba(0,0,0,0.02) !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: $border-color !default;\n$popover-border-radius: $border-radius !default;\n\n$popover-header-bg: $popover-bg !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: 10px !default;\n$popover-header-padding-x: 10px !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: 20px !default;\n$popover-arrow-height: 10px !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: theme-color('light') !default;\n$nav-divider-margin-y: 14px / 2 !default;\n\n\n// Dropdown\n$dropdown-min-width: 140px !default;\n$dropdown-padding-y: spacer(2) !default;\n$dropdown-spacer: spacer(1) !default;\n$dropdown-bg: #ffffff !default;\n$dropdown-color: $body-color !default;\n$dropdown-border-color: $input-border-color !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $input-border-color !default;\n$dropdown-box-shadow: 0 2px 5px rgba(#000000, 0.16) !default;\n\n$dropdown-link-color: $body-color !default;\n$dropdown-link-hover-color: $body-color !default;\n$dropdown-link-hover-bg: $grey-50 !default;\n\n$dropdown-link-active-color: theme-color('primary') !default;\n$dropdown-link-active-bg: $grey-50 !default;\n\n$dropdown-link-disabled-color: theme-color('medium') !default;\n\n$dropdown-item-padding-y: spacer(2) !default;\n$dropdown-item-padding-x: spacer(4) !default;\n\n$dropdown-header-color: theme-color('medium') !default;\n\n\n// Select\n$select-spacer: 8px !default;\n$select-bg: $input-bg !default;\n$select-search-bg-color:\t\t\t\t\t $grey-150 !default;\n$select-border-color: $input-border-color !default;\n$select-border-radius: $border-radius !default;\n$select-border-width: $input-border-width !default;\n$select-divider-bg: $input-border-color !default;\n$select-box-shadow: 0 2px 5px rgba(#000000, 0.16) !default;\n\n$select-item-color: $grey-900 !default;\n$select-item-hover-color: $grey-950 !default;\n$select-item-hover-bg: $grey-100 !default;\n\n$select-item-disabled-color: theme-color('medium') !default;\n\n$select-item-padding-y: 12px !default;\n$select-item-padding-x: 12px !default;\n\n$select-header-color: $body-color !default;\n\n\n// Section\n$section-font-size: $font-size-base !default;\n$section-border-radius: $border-radius !default;\n$section-spacer: spacer(4) !default;\n$section-spacer-mobile: spacer(2) !default;\n$section-padding: spacer(4) !default;\n\n$section-border-width:\t\t\t\t\t\t $border-width !default;\n$section-border-color:\t\t\t\t\t\t #ffffff !default;\n$section-bg: #ffffff !default;\n$section-color: $body-color !default;\n$section-box-shadow: none; //0 4px 10px 0px rgba(0,0,0,0.02) !default; //0 1px 2px #cccccc, 0 0 0 1px #eeeeee !default;\n$section-hover-box-shadow: none !default; //0 1px 4px #cccccc, 0 0 0 1px #dddddd !default;\n$section-divider-height:\t\t\t\t\t $border-width;\n$section-divider-color: $grey-50 !default;\n$section-divider-padding:\t\t\t\t\t 0 !default;\n\n$section-header-font-family: $font-family-title !default;\n$section-header-font-size: 20px !default;\n$section-header-font-weight: 600 !default;\n$section-header-bg: #ffffff !default;\n$section-header-color: $body-color !default;\n$section-header-actions-color: $body-color !default;\n$section-header-icons-color: $body-color !default;\n$section-header-icons-size: 16px !default;\n\n$section-header-subtitle-font-family: $font-family-title !default;\n$section-header-subtitle-font-size: 14px !default;\n$section-header-subtitle-font-weight: 600 !default;\n$section-header-subtitle-bg: #ffffff !default;\n$section-header-subtitle-color: theme-color('medium') !default;\n$section-header-subtitle-actions-color: theme-color('medium') !default;\n$section-header-subtitle-icons-color: theme-color('medium') !default;\n$section-header-subtitle-icons-size: 16px !default;\n\n$section-subheader-font-family: $font-family-title !default;\n$section-subheader-font-size: 14px !default;\n$section-subheader-font-weight: 600 !default;\n$section-subheader-bg: #ffffff !default;\n$section-subheader-color: theme-color('medium') !default;\n$section-subheader-actions-color: $body-color !default;\n$section-subheader-icons-color: $body-color !default;\n$section-subheader-icons-size: 14px !default;\n\n$section-tabs-bg: #ffffff !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: theme-color('medium') !default;\n$section-tabs-hover-color: theme-color('dark') !default;\n$section-tabs-active-color: theme-color('dark')!default;\n\n$section-tabs-border-width: 3px !default;\n$section-tabs-border-color: $border-color !default;\n$section-tabs-border-hover-color: theme-color('medium') !default;\n$section-tabs-border-active-color: theme-color('dark') !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: #ffffff !default;\n$toast-bg-dark: theme-color('dark') !default;\n$toast-border-width: $border-width !default;\n$toast-border-color-light: rgba(#000000, 0.2) !default;\n$toast-border-color-dark: rgba(#ffffff, 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: #ffffff !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: #ffffff !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;\n\n$alert-box-shadow:\t\t\t\t\t\t\t none !default;\n$alert-border-width: \t\t\t\t\t\t 5px !default;\n$alert-bg-lighten:\t\t\t\t\t\t\t 22% !default;\n\n$dialog-title-font-family: \t\t\t\t\t $font-family-title;\n$dialog-title-font-weight: \t\t\t\t\t 600;\n$dialog-border-width: \t\t\t\t\t\t 0;\n$dialog-padding-x:\t\t\t\t\t\t\t spacer(4);\n$dialog-padding-y:\t\t\t\t\t\t\t spacer(4);",
|
|
36
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\";",
|
|
37
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}",
|
|
38
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}",
|
|
@@ -42,21 +42,21 @@
|
|
|
42
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}",
|
|
43
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}",
|
|
44
44
|
"// Visiblity\n// ---------------------------------------------------------------------------------------------------------------\n\n@mixin invisible($visibility) {\n\n\tvisibility: $visibility !important;\n}",
|
|
45
|
-
"// Badge variant\r\n// ---------------------------------------------------------------------------------------------------------------\r\n@mixin badge-variant($color, $background:
|
|
46
|
-
"// Alert variant\r\n// ---------------------------------------------------------------------------------------------------------------\r\n\r\n@mixin alert-variant($color) {\r\n border-
|
|
45
|
+
"// Badge variant\r\n// ---------------------------------------------------------------------------------------------------------------\r\n@mixin badge-variant($color, $background: $color) {\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: $border-width 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-color: $color;\r\n\r\n .alert-icon {\r\n @include alert-icon-variant($color);\r\n }\r\n}\r\n\r\n@mixin alert-icon-variant($color) {\r\n border: $border-width solid $color;\r\n background-color: $color;\r\n color: color-yiq($color);\r\n\r\n .icon {\r\n color: color-yiq($color);\r\n }\r\n}",
|
|
47
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}",
|
|
48
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}",
|
|
49
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}",
|
|
50
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
51
|
"// Notification\n// ---------------------------------------------------------------------------------------------------------------\n\n@mixin notification-variant($color) {\n\tbackground: transparentize($color, 0.95);\n\tborder: 1px solid $color;\n}",
|
|
52
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}",
|
|
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('
|
|
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: theme-color('medium'), $end-color: theme-color('dark'), $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: theme-color('medium'), $end-color: theme-color('dark'), $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: theme-color('medium'), $end-color: theme-color('dark'), $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: theme-color('medium'), $outer-color: theme-color('dark')) {\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(#ffffff, .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}",
|
|
54
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",
|
|
55
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",
|
|
56
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}",
|
|
57
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}",
|
|
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(
|
|
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(#000000, 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: theme-color('medium');\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 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: $font-family-monospace;\r\n font-size: 80%;\r\n font-weight: $font-weight-bolder;\r\n color: theme-color('brand');\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}"
|
|
59
59
|
],
|
|
60
60
|
"names": [],
|
|
61
|
-
"mappings": "AAAA;;;;;GAKG;AyBFH,AAAA,CAAC;AACD,CAAC,AAAA,QAAQ;AACT,CAAC,AAAA,OAAO,CAAC;EACL,UAAU,EAAE,UAAU;CACzB;;AAED,AAAA,IAAI,CAAC;EACD,WAAW,EAAE,UAAU;EACvB,WAAW,EAAE,IAAI;EACjB,wBAAwB,EAAE,IAAI;EAC9B,oBAAoB,EAAE,IAAI;EAC1B,kBAAkB,EAAE,SAAS;EAC7B,2BAA2B,
|
|
61
|
+
"mappings": "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"
|
|
62
62
|
}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2020 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:
|
|
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:Inter,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.5;color:#212121;text-align:left;background-color:#eaeaea}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 #212121}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:#eaeaea;border:1px solid #f0f0f0;border-radius:6px;padding:10px 15px;box-sizing:border-box;margin:0}.fieldset legend,fieldset legend{font-size:12px;color:#8c8c8c}[hidden]{display:none!important}a{color:#4577d5;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#1a3973}a:not([href]):not([tabindex]){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,"Courier New",monospace;font-size:80%;font-weight:bolder;color:#ef5fa0}b,strong{font-weight:600}label{display:inline-block;font-size:12px;margin-bottom:6px}label[for]{cursor:pointer}
|
|
7
7
|
/*# sourceMappingURL=cool-reboot.min.css.map */
|