109 lines
309 KiB
Plaintext
109 lines
309 KiB
Plaintext
|
{
|
||
|
|
"version": 3,
|
||
|
|
"file": "style.css",
|
||
|
|
"sourceRoot": "/drone/src",
|
||
|
|
"sources": [
|
||
|
|
"themes/app-landingpage/assets/scss/style.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_functions.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_variables.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_custom-variables.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_mixins.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/vendor/_rfs.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_deprecate.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_breakpoints.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_image.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_resize.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_screen-reader.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_reset-text.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_text-truncate.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_utilities.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_alert.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_buttons.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_caret.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_pagination.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_lists.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_list-group.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_forms.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_table-variants.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_background-variant.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_border-radius.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_box-shadow.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_gradients.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_transition.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_clearfix.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_container.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/mixins/_grid.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_fonts.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_containers.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_grid.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_utilities.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/utilities/_api.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_reboot.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_type.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_icon.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_buttons.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_nav.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_header.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_footer.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_section.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_list.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_box.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/vendor/_utilities.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/vendor/_download.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_images.scss",
|
||
|
|
"themes/app-landingpage/assets/scss/_tables.scss"
|
||
|
|
],
|
||
|
|
"sourcesContent": [
|
||
|
|
"/*!\n * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2020 The Bootstrap Authors\n * Copyright 2011-2020 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n$include-column-box-sizing: true !default;\n$form-grid-gutter-width: 30 !default;\n$form-check-input-margin-x: 0 !default;\n\n@import \"functions\";\n@import \"variables\";\n@import \"custom-variables\";\n@import \"mixins\";\n\n// @import \"vendor/rfs\";\n@import \"fonts\";\n@import \"containers\";\n@import \"grid\";\n@import \"utilities\";\n\n// Only use the utilities we need\n// stylelint-disable-next-line scss/dollar-variable-default\n$utilities: map-get-multiple(\n $utilities,\n (\n \"display\",\n \"order\",\n \"flex\",\n \"flex-direction\",\n \"flex-grow\",\n \"flex-shrink\"\n \"flex-wrap\",\n \"justify-content\",\n \"align-items\",\n \"align-content\",\n \"align-self\",\n \"margin\",\n \"margin-x\",\n \"margin-y\",\n \"margin-top\",\n \"margin-right\",\n \"margin-bottom\",\n \"margin-left\",\n // \"negative-margin\",\n // \"negative-margin-x\",\n // \"negative-margin-y\",\n // \"negative-margin-top\",\n // \"negative-margin-right\",\n // \"negative-margin-bottom\",\n // \"negative-margin-left\",\n \"padding\",\n \"padding-x\",\n \"padding-y\",\n \"padding-top\",\n \"padding-right\",\n \"padding-bottom\",\n \"padding-left\",\n \"text-align\",\n \"visibility\",\n \"align\"\n )\n);\n\n@import \"utilities/api\";\n@import \"reboot\";\n@import \"type\";\n@import \"icon\";\n@import \"buttons\";\n\n// @import \"navbar\";\n@import \"nav\";\n@import \"header\";\n@import \"footer\";\n@import \"section\";\n@import \"list\";\n@import \"box\";\n@import \"vendor/utilities\";\n@import \"vendor/download\";\n@import \"images\";\n@import \"tables\";",
|
||
|
|
"// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @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}' !\";\n } @else if $prev-num >= $num {\n @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}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(($value / 255 + .055) / 1.055, 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0123 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912
|
||
|
|
"// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n//$gray-800: #343a40 !default;\n//$gray-900: #212529 !default;\n$black: #000 !default;\n\n//added\n$blue: #006082 !default;\n$blue-light: #80cdec !default;\n$blue-pale: #d4eaf7 !default;\n$blue-ice: #edf2f7 !default;\n$cyan: #56c3ee !default;\n$charcoal-grey:#3a3d3e !default;\n$charcoal-black: #000101 !default;\n//override\n$gray-900: #3a3d3e !default;\n$gray-800: #3a3d3e !default;\n$grey-300: #d0d8e2 !default;\n$pink: #e8d0cd !default;\n// fusv-disable\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// fusv-enable\n\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n// $pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n$primary: $blue !default;\n$primary-light: $blue-light !default;\n$secondary: $blue-pale !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $blue-ice !default;\n$dark: $charcoal-grey !default;\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 3 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $gray-900 !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 8) !default;\n$blue-200: tint-color($blue, 6) !default;\n$blue-300: tint-color($blue, 4) !default;\n$blue-400: tint-color($blue, 2) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 2) !default;\n$blue-700: shade-color($blue, 4) !default;\n$blue-800: shade-color($blue, 6) !default;\n$blue-900: shade-color($blue, 8) !default;\n\n$indigo-100: tint-color($indigo, 8) !default;\n$indigo-200: tint-color($indigo, 6) !default;\n$indigo-300: tint-color($indigo, 4) !default;\n$indigo-400: tint-color($indigo, 2) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 2) !default;\n$indigo-700: shade-color($indigo, 4) !default;\n$indigo-800: shade-color($indigo, 6) !default;\n$indigo-900: shade-color($indigo, 8) !default;\n\n$purple-100: tint-color($purple, 8) !default;\n$purple-200: tint-color($purple, 6) !default;\n$purple-300: tint-color($purple, 4) !default;\n$purple-400: tint-color($purple, 2) !default;\n$pu
|
||
|
|
"$theme-button-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary\n) !default;\n$theme-button-shadow-color: $charcoal-black;\n\n$background-image_gradient: linear-gradient(to right, #80cdec 29%, #c00f2d 126%, #c00f2d 126%);\n$background-image_shape-wave: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='272' viewBox='0 0 1440 272'%3e%3cpath fill='%23fff' d='M1428.979 207.361c-178.674 81.041-501.519 81.266-718.176 6.004-266.515-92.581-562.398-106.589-710.803-106.974v165.609h1440v-70.02c-3.941 2.036-7.636 3.846-11.021 5.381z'/%3e%3c/svg%3e\");\n$background-image_shape-wave-xs: url(\"data:image/svg+xml;charset=UTF-8,%3csvg version='1' xmlns='http://www.w3.org/2000/svg' width='375' height='36' viewBox='0 0 375 36'%3e%3cpath fill='%23fff' d='M5.18 22.209c-1.775-.189-3.5-.409-5.18-.656v14.447h375v-25.712c-111.343 21.507-244.559 25.302-369.82 11.921z'/%3e%3c/svg%3e\");\n\n$accordion-header-padding: ($spacer * 1.25) 44px ($spacer * 1.25) ($spacer * 1.25);\n$according-header-bg: $body-bg;\n$according-header-active-bg: $secondary;\n$accordion-border-color: $border-color;\n\n$header-mobile-sticky: false;",
|
||
|
|
"// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Vendor\n@import \"vendor/rfs\";\n\n// Deprecate\n@import \"mixins/deprecate\";\n\n// Helpers\n@import \"mixins/breakpoints\";\n@import \"mixins/image\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-truncate\";\n\n// Utilities\n@import \"mixins/utilities\";\n\n// Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/forms\";\n@import \"mixins/table-variants\";\n\n// Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// Layout\n@import \"mixins/clearfix\";\n@import \"mixins/container\";\n@import \"mixins/grid\";\n\n\n//Slider\n@function slick-image-url($url) {\n @if function-exists(image-url) {\n @return image-url($url);\n }\n @else {\n @return url($slick-loader-path + $url);\n }\n}\n\n@function slick-font-url($url) {\n @if function-exists(font-url) {\n @return font-url($url);\n }\n @else {\n @return url($slick-font-path + $url);\n }\n}",
|
||
|
|
"// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive values for font sizes, paddings, margins and much more\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/master/LICENSE)\n\n// Configuration\n\n// Base value\n$rfs-base-value: 1.25rem !default;\n$rfs-unit: rem !default;\n\n@if $rfs-unit != rem and $rfs-unit != px {\n @error \"`#{$rfs-unit}` is not a valid unit for $rfs-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where values start decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize values based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != number or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Mode. Possibilities: \"min-media-query\", \"max-media-query\"\n$rfs-mode: min-media-query !default;\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-rfs to false\n$enable-rfs: true !default;\n\n// Cache $rfs-base-value unit\n$rfs-base-value-unit: unit($rfs-base-value);\n\n// Remove px-unit from $rfs-base-value for calculations\n@if $rfs-base-value-unit == px {\n $rfs-base-value: $rfs-base-value / ($rfs-base-value * 0 + 1);\n}\n@else if $rfs-base-value-unit == rem {\n $rfs-base-value: $rfs-base-value / ($rfs-base-value * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == px {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Calculate the media query value\n$rfs-mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit});\n$rfs-mq-property-width: if($rfs-mode == max-media-query, max-width, min-width);\n$rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height);\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query {\n @if $rfs-two-dimensional {\n @if $rfs-mode == max-media-query {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n @content;\n }\n }\n @else {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n @content;\n }\n }\n }\n @else {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {\n @content;\n }\n }\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-rule {\n @if $rfs-class == disable and $rfs-mode == max-media-query {\n // Adding an extra class increases specificity, which prevents the media query to override the property\n &,\n .disable-rfs &,\n &.disable-rfs {\n @content;\n }\n }\n @else if $rfs-class == enable and $rfs-mode == min-media-query {\n .enable-rfs &,\n &.enable-rfs {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-media-query-rule {\n\n @if $rfs-class == enable {\n @if $rfs-mode == min-media-query {\n @content;\n }\n\n @include
|
||
|
|
"// Deprecate mixin\n//\n// This mixin can be used to deprecate mixins or functions.\n// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to\n// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)\n@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {\n @if ($enable-deprecation-messages != false and $ignore-warning != true) {\n @warn \"#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.\";\n }\n}\n",
|
||
|
|
"// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the
|
||
|
|
"// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n",
|
||
|
|
"// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n",
|
||
|
|
"// stylelint-disable declaration-no-important\n\n// Only display content to screen readers\n//\n// See: https://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n// Use to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n\n@mixin sr-only-focusable {\n &:not(:focus) {\n @include sr-only();\n }\n}\n",
|
||
|
|
"@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n",
|
||
|
|
"// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n",
|
||
|
|
"// Utility generator\n// Used to generate utilities & print utilities\n@mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {\n $values: map-get($utility, values);\n\n // If the values are a list or string, convert it into a map\n @if type-of($values) == \"string\" or type-of(nth($values, 1)) != \"list\" {\n $values: zip($values, $values);\n }\n\n @each $key, $value in $values {\n $properties: map-get($utility, property);\n\n // Multiple properties are possible, for example with vertical or horizontal margins or paddings\n @if type-of($properties) == \"string\" {\n $properties: append((), $properties);\n }\n\n // Use custom class if present\n $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));\n $property-class: if($property-class == null, \"\", $property-class);\n\n $infix: if($property-class == \"\" and str-slice($infix, 1, 1) == \"-\", str-slice($infix, 2), $infix);\n\n // Don't prefix if value key is null (eg. with shadow class)\n $property-class-modifier: if($key, if($property-class == \"\" and $infix == \"\", \"\", \"-\") + $key, \"\");\n\n @if map-get($utility, rfs) {\n // Inside the media query\n @if $is-rfs-media-query {\n $val: rfs-value($value);\n\n // Do not render anything if fluid and non fluid values are the same\n $value: if($val == rfs-fluid-value($value), null, $val);\n }\n @else {\n $value: rfs-fluid-value($value);\n }\n }\n\n @if $value != null {\n .#{$property-class + $infix + $property-class-modifier} {\n @each $property in $properties {\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n }\n }\n}\n",
|
||
|
|
"@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n",
|
||
|
|
"// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant(\n $background,\n $border,\n $color: color-contrast($background),\n $hover-background: darken($background, 7.5%),\n $hover-border: darken($border, 10%),\n $hover-color: color-contrast($hover-background),\n $active-background: darken($background, 10%),\n $active-border: darken($border, 12.5%),\n $active-color: color-contrast($active-background)\n) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n &:hover {\n color: $hover-color;\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n color: $hover-color;\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n @if $enable-shadows {\n @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n }\n }\n\n &:active,\n &.active,\n .show > &.dropdown-toggle {\n color: $active-color;\n background-color: $active-background;\n // Remove CSS gradients if they're enabled\n background-image: if($enable-gradients, none, null);\n border-color: $active-border;\n\n &:focus {\n @if $enable-shadows {\n @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n }\n }\n }\n\n &:disabled,\n &.disabled {\n color: $color;\n background-color: $background;\n // Remove CSS gradients if they're enabled\n background-image: if($enable-gradients, none, null);\n border-color: $border;\n }\n}\n\n@mixin button-outline-variant(\n $color,\n $color-hover: color-contrast($color),\n $active-background: $color,\n $active-border: $color,\n $active-color: color-contrast($active-background)\n) {\n color: $color;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &:active,\n &.active,\n &.dropdown-toggle.show {\n color: $active-color;\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n @if $enable-shadows {\n @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n\n &:disabled,\n &.disabled {\n color: $color;\n background-color: transparent;\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n",
|
||
|
|
"@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @if $direction == down {\n @include caret-down();\n } @else if $direction == up {\n @include caret-up();\n } @else if $direction == right {\n @include caret-right();\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @include caret-left();\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n",
|
||
|
|
"// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n }\n\n .page-item {\n @if $pagination-margin-left == (-$pagination-border-width) {\n &:first-child {\n .page-link {\n @include border-left-radius($border-radius);\n }\n }\n\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n } @else {\n //Add border-radius to all pageLinks in case they have left margin\n .page-link {\n @include border-radius($border-radius);\n }\n }\n }\n}\n",
|
||
|
|
"// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n",
|
||
|
|
"// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n &:hover,\n &:focus {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: $white;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n",
|
||
|
|
"// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n @if ($state == \"valid\" or $state == \"invalid\") {\n .was-validated #{if(&, \"&\", \"\")}:#{$state},\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n } @else {\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n font-style: $form-feedback-font-style;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: color-contrast($color);\n background-color: rgba($color, $form-feedback-tooltip-opacity);\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n @include form-validation-state-selector($state) {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n\n .form-control {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: escape-svg($icon);\n background-repeat: no-repeat;\n background-position: right $input-height-inner-quarter center;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, $input-btn-focus-color-opacity);\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .form-select {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $form-select-feedback-icon-padding-right;\n background-image: escape-svg($form-select-indicator), escape-svg($icon);\n background-position: $form-select-bg-position, $form-select-feedback-icon-position;\n background-size: $form-select-bg-size, $form-select-feedback-icon-size;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n\n .form-check-input {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n &:checked {\n @include gradient-bg(lighten($color, 10%), escape-svg($form-check-input-checked-bg-image));\n }\n\n &:focus {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .form-check-label {\n color: $color;\n }\n }\n }\n .form-check-inline .form-check-input {\n ~ .#{$state}-feedback {\n margin-left: .5em;\n }\n }\n\n // custom file\n .form-file-input {\n @include form-validation-state-selector($state) {\n ~ .form-file-label {\n border-color: $color;\n }\n\n &:focus {\n ~ .form-file-label {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n",
|
||
|
|
"// scss-docs-start table-variant\n@mixin table-variant($state, $background) {\n .table-#{$state} {\n $color: color-contrast(opaque($body-bg, $background));\n $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));\n $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));\n $active-bg: mix($color, $background, percentage($table-active-bg-factor));\n\n --bs-table-bg: #{$background};\n --bs-table-striped-bg: #{$striped-bg};\n --bs-table-striped-color: #{color-contrast($striped-bg)};\n --bs-table-active-bg: #{$active-bg};\n --bs-table-active-color: #{color-contrast($active-bg)};\n --bs-table-hover-bg: #{$hover-bg};\n --bs-table-hover-color: #{color-contrast($hover-bg)};\n\n color: $color;\n border-color: mix($color, $background, percentage($table-border-factor));\n }\n}\n// scss-docs-end table-variant\n",
|
||
|
|
"// stylelint-disable declaration-no-important\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background-image: linear-gradient(180deg, mix($body-bg, $color, 15%), $color) !important;\n }\n}\n",
|
||
|
|
"// stylelint-disable property-blacklist\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n",
|
||
|
|
"@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n $result: ();\n\n @if (length($shadow) == 1) {\n // We can pass `@include box-shadow(none);`\n $result: $shadow;\n } @else {\n // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`\n @for $i from 1 through length($shadow) {\n @if nth($shadow, $i) != \"none\" {\n $result: append($result, nth($shadow, $i), \"comma\");\n }\n }\n }\n @if (length($result) > 0) {\n box-shadow: $result;\n }\n }\n}\n",
|
||
|
|
"// Gradients\n\n@mixin gradient-bg($color, $foreground: null) {\n @if $enable-gradients {\n @if $foreground {\n background-image: $foreground, linear-gradient(180deg, mix($body-bg, $color, 15%), $color);\n } @else {\n background-image: linear-gradient(180deg, mix($body-bg, $color, 15%), $color);\n }\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n}\n\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n}\n\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n",
|
||
|
|
"// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if length($transition) == 0 {\n $transition: $transition-base;\n }\n\n @if length($transition) > 1 {\n @each $value in $transition {\n @if $value == null or $value == none {\n @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n }\n }\n }\n\n @if $enable-transitions {\n @if nth($transition, 1) != null {\n transition: $transition;\n }\n\n @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n}\n",
|
||
|
|
"// scss-docs-start clearfix\n@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n// scss-docs-end clearfix\n",
|
||
|
|
"// Container mixins\n\n@mixin make-container($padding-x: $container-padding-x) {\n width: 100%;\n padding-right: $padding-x;\n padding-left: $padding-x;\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n",
|
||
|
|
"/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-row($gutter: $grid-gutter-width) {\n --bs-gutter-x: #{$gutter};\n --bs-gutter-y: 0;\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(var(--bs-gutter-y) * -1); // stylelint-disable-line function-blacklist\n margin-right: calc(var(--bs-gutter-x) / -2); // stylelint-disable-line function-blacklist\n margin-left: calc(var(--bs-gutter-x) / -2); // stylelint-disable-line function-blacklist\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n // Add box sizing if only the grid is loaded\n box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we set the width\n // later on to override this initial width.\n flex-shrink: 0;\n width: 100%;\n max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid\n padding-right: calc(var(--bs-gutter-x) / 2); // stylelint-disable-line function-blacklist\n padding-left: calc(var(--bs-gutter-x) / 2); // stylelint-disable-line function-blacklist\n margin-top: var(--bs-gutter-y);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 auto;\n width: percentage($size / $columns);\n}\n\n@mixin make-col-auto() {\n flex: 0 0 auto;\n width: auto;\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n & > * {\n flex: 0 0 auto;\n width: 100% / $count;\n }\n}\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n min-width: 0; // See https://github.com/twbs/bootstrap/issues/25410\n }\n\n .row-cols#{$infix}-auto > * {\n @include make-col-auto();\n }\n\n @if $grid-row-columns > 0 {\n @for $i from 1 through $grid-row-columns {\n .row-cols#{$infix}-#{$i} {\n @include row-cols($i);\n }\n }\n }\n\n .col#{$infix}-auto {\n @include make-col-auto();\n }\n\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n\n // Gutters\n //\n // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.\n @each $key, $value in $gutters {\n .g#{$infix}-#{$key},\n .gx#{$infix}-#{$key} {\n --bs-gutter-x: #{$value};\n }\n\n .g#{$infix}-#{$key},\n .gy#{$infix}-#{$key} {\n --bs-gutter-y: #{$value};\n }\n }\n }\n }\n}\n",
|
||
|
|
"/* roboto-regular - latin */\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */\n src: local('Roboto'), local('Roboto-Regular'),\n url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */\n url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */\n}\n/* roboto-italic - latin */\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 400;\n src: url('../fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */\n src: local('Roboto Italic'), local('Roboto-Italic'),\n url('../fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('../fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('../fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */\n url('../fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('../fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */\n}\n/* roboto-700 - latin */\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */\n src: local('Roboto Bold'), local('Roboto-Bold'),\n url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */\n url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */\n url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */\n url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */\n}\n/* roboto-700italic - latin */\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 700;\n src: url('../fonts/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */\n src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),\n url('../fonts/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('../fonts/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('../fonts/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */\n url('../fonts/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('../fonts/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */\n}\n/* roboto-900 - latin */\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 900;\n src: url('../fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */\n src: local('Roboto Black'), local('Roboto-Black'),\n url('../fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('../fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */\n url('../fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */\n url('../fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */\n url('../fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */\n}\n/* roboto-900italic - latin */\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 900;\n src: url('../fonts/roboto-v20-latin-900italic.eot'); /* IE9 Compat Modes */\n src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),\n url('../fonts/roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('../fonts/roboto-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Bro
|
||
|
|
"// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n // Single container class with breakpoint max-widths\n .container {\n @include make-container();\n @include make-container-max-widths();\n &-inner {\n max-width: 860px;\n margin-left: auto;\n margin-right: auto;\n padding-left: 0;\n padding-right: 0;\n &_lg {\n max-width: 980px;\n }\n &_sm {\n max-width: 680px;\n }\n }\n @media (max-width: 360px){\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n video {\n display: block;\n width: 100%;\n max-height: 100%;\n }\n\n #player-overlay {\n background-color: #000;\n z-index: 999;\n }\n\n // 100% wide container at all breakpoints\n .container-fluid {\n @include make-container();\n }\n\n // Responsive containers that are 100% wide until a breakpoint\n @each $breakpoint, $container-max-width in $container-max-widths {\n .container-#{$breakpoint} {\n @extend .container-fluid;\n }\n\n @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n %responsive-container-#{$breakpoint} {\n max-width: $container-max-width;\n }\n\n // Extend each breakpoint which is smaller or equal to the current breakpoint\n $extend-breakpoint: true;\n\n @each $name, $width in $grid-breakpoints {\n @if ($extend-breakpoint) {\n .container#{breakpoint-infix($name, $grid-breakpoints)} {\n @extend %responsive-container-#{$breakpoint};\n }\n\n // Once the current breakpoint is reached, stop extending\n @if ($breakpoint == $name) {\n $extend-breakpoint: false;\n }\n }\n }\n }\n }\n}\n",
|
||
|
|
"// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n\n > * {\n @include make-col-ready();\n }\n }\n}\n\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n",
|
||
|
|
"// Utilities\n\n$utilities: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$utilities: map-merge(\n (\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n \"float\": (\n responsive: true,\n property: float,\n values: left right none\n ),\n \"overflow\": (\n property: overflow,\n values: auto hidden,\n ),\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: none inline inline-block block table table-row table-cell flex inline-flex\n ),\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n none: none,\n )\n ),\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"border\": (\n property: border,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-right\": (\n property: border-right,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-left\": (\n property: border-left,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n values: map-merge($theme-colors, (\"white\": $white))\n ),\n // Sizing utilities\n \"width\": (\n property: width,\n class: w,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (100: 100vh)\n ),\n // Flex utilities\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values:
|
||
|
|
"// Loop over each breakpoint\n@each $breakpoint in map-keys($grid-breakpoints) {\n\n // Generate media query if needed\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n // Loop over each utility property\n @each $key, $utility in $utilities {\n // The utility can be disabled with `false`, thus check if the utility is a map first\n // Only proceed if responsive media queries are enabled or if it's the base media query\n @if type-of($utility) == \"map\" and (map-get($utility, responsive) or $infix == \"\") {\n @include generate-utility($utility, $infix);\n }\n }\n }\n}\n\n// RFS rescaling\n@media (min-width: $rfs-mq-value) {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) {\n // Loop over each utility property\n @each $key, $utility in $utilities {\n // The utility can be disabled with `false`, thus check if the utility is a map first\n // Only proceed if responsive media queries are enabled or if it's the base media query\n @if type-of($utility) == \"map\" and map-get($utility, rfs) {\n @include generate-utility($utility, $infix, true);\n }\n }\n }\n }\n}\n\n\n// Print utilities\n@media print {\n @each $key, $utility in $utilities {\n // The utility can be disabled with `false`, thus check if the utility is a map first\n // Then check if the utility needs print styles\n @if type-of($utility) == \"map\" and map-get($utility, print) == true {\n @include generate-utility($utility, \"-print\");\n }\n }\n}\n",
|
||
|
|
"// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n\n// Root\n//\n// Ability to the value of the root font sizes, affecting the value of `rem`.\n// null by default, thus nothing is generated.\n\n:root {\n font-size: $font-size-root;\n}\n\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Prevent adjustments of font size after orientation changes in iOS.\n// 4. Change the default tap highlight to be completely transparent in iOS.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: $body-text-align;\n background-color: $body-bg; // 2\n -webkit-text-size-adjust: 100%; // 3\n -webkit-tap-highlight-color: rgba($black, 0); // 4\n}\n\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Reset Firefox's gray color\n// 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field\n// See https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_hr_size\n\nhr {\n margin: $hr-margin-y 0;\n color: $hr-color; // 1\n background-color: currentColor;\n border: 0;\n opacity: $hr-opacity;\n}\n\nhr:not([size]) {\n height: $hr-height; // 2\n}\n\n\n// Typography\n//\n// 1. Remove top margins from headings\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; //
|
||
|
|
"//\n// Headings\n//\n.h1 {\n @extend h1;\n}\n\n.h2 {\n @extend h2;\n}\n\n.h3 {\n @extend h3;\n}\n\n.h4 {\n @extend h4;\n}\n\n.h5 {\n @extend h5;\n}\n\n.h6 {\n @extend h6;\n}\n\n\n.lead {\n @include font-size($lead-font-size);\n font-weight: $lead-font-weight;\n}\n.warning {\n font-size: $h3-font-size;\n font-weight: $font-weight-bolder;\n color:red\n}\n.originalUrl {\n font-size: $h2-font-size;\n font-weight: $font-weight-bolder;\n \n}\n// Type display classes\n@each $display, $font-size in $display-font-sizes {\n .display-#{$display} {\n @include font-size($font-size);\n font-weight: $display-font-weight;\n line-height: $display-line-height;\n }\n}\n\n//\n// Emphasis\n//\n.small {\n @extend small;\n}\n\n.mark {\n @extend mark;\n}\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled();\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n @include font-size($initialism-font-size);\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n margin-bottom: $spacer;\n @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n display: block;\n @include font-size($blockquote-small-font-size);\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014\\00A0\"; // em dash, nbsp\n }\n}\n\n.headline {\n font-weight: $font-weight-bold;\n &-light {\n font-weight: $font-weight-base;\n }\n &-heavy {\n font-weight: $font-weight-bolder;\n margin-bottom: 0.8rem;\n\n + h4.headline {\n margin-top: $spacer * 1.75;\n }\n }\n}\n\nh4.sub-headline {\n font-weight: $font-weight-bold;\n margin-bottom: $spacer * 0.8;\n}\n\nh2,\n.h2 {\n &.headline {\n &:after {\n content: \"\";\n display: block;\n width: 60px;\n margin-top: 0.8rem;\n margin-bottom: 2rem;\n border-top: 2px solid $primary-light;\n\n .text-center & {\n margin-left: auto;\n margin-right: auto;\n }\n .text-md-left & {\n @media (min-width: $screen-md){\n margin-left: 0;\n }\n }\n }\n .contents-normal & {\n margin-bottom: 0.8rem;\n &:after {\n content: normal;\n }\n + p {\n margin-top: -0.5rem;\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n &-light {\n margin-bottom: 1.8rem;\n }\n }\n}\n\nh3,\n.h3 {\n &.headline-light {\n margin-bottom: 1.4rem;\n }\n}\n\n.caption-headline {\n margin-bottom: 0.8rem;\n color: $link-color;\n + .headline-heavy {\n margin-top: 1.2rem;\n }\n}\n\n.nobr {\n white-space: nowrap;\n}\n",
|
||
|
|
"@mixin image-icon($value) {\n &_#{$value}:before {\n background-image: url(\"../img/icons/#{$value}.svg\");\n }\n}\n\n.icon {\n overflow: visible;\n position: relative;\n &:before {\n content: \"\";\n background-position: center;\n background-repeat: no-repeat;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 50%;\n left: 50%;\n transform: translate3d(-50%,-50%,0);\n }\n @include image-icon('github');\n @include image-icon('arrow-down');\n @include image-icon('arrow-right');\n @include image-icon('arrow-left');\n &_img {\n &:before {\n content: normal;\n }\n }\n}",
|
||
|
|
"//\n// Base styles\n//\n\n.btn {\n display: inline-block;\n font-family: $btn-font-family;\n font-weight: $btn-font-weight;\n line-height: $btn-line-height;\n color: $body-color;\n text-align: center;\n white-space: $btn-white-space;\n vertical-align: middle;\n cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n user-select: none;\n background-color: transparent;\n border: $btn-border-width solid transparent;\n @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius);\n @include transition($btn-transition);\n text-decoration: none;\n\n &:hover {\n color: $body-color;\n text-decoration: none;\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: $btn-focus-box-shadow;\n }\n\n &:active,\n &.active {\n @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n\n &:disabled,\n &.disabled,\n fieldset:disabled & { // stylelint-disable-line selector-no-qualifying-type\n pointer-events: none;\n opacity: $btn-disabled-opacity;\n @include box-shadow(none);\n }\n\n .icon {\n width: 1rem;\n height: 1rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n position: relative;\n top: -0.05rem;\n text-align: center;\n\n &:first-child {\n margin-right: 0.4rem;\n margin-left: 0.05rem;\n }\n &:last-child {\n margin-left: 0.4rem;\n margin-right: 0.05rem;\n }\n }\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-button-colors {\n .btn-#{$color} {\n @include button-variant($value, $value);\n box-shadow: 0 8px 24px -17px $theme-button-shadow-color;\n font-weight: 500;\n .icon {\n width: 1.5rem;\n height: 1.5rem;\n padding: 0 0.75rem;\n &:before {\n height: 1.6rem;\n width: 1.6rem;\n }\n &:first-child {\n margin-right: 0.5rem;\n margin-left: 0.05rem;\n }\n &:last-child {\n margin-left: 0.5rem;\n margin-right: 0.05rem;\n }\n }\n }\n}\n\n// @each $color, $value in $theme-colors {\n// .btn-outline-#{$color} {\n// @include button-outline-variant($value);\n// }\n// }\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n font-weight: $font-weight-normal;\n color: $btn-link-color;\n text-decoration: $link-decoration;\n\n &:hover {\n color: $btn-link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n\n &:focus,\n &.focus {\n text-decoration: $link-hover-decoration;\n box-shadow: none;\n }\n\n &:disabled,\n &.disabled {\n color: $btn-link-disabled-color;\n }\n &_narrow {\n padding-left: 0;\n padding-right: 0;\n margin-top: 0.4rem;\n }\n &_icon {\n font-weight: bold;\n color: inherit;\n text-decoration: none;\n display: inline-flex;\n width: auto;\n align-items: center;\n\n .text-left > & {\n margin-right: 1rem;\n }\n .text-right > & {\n margin-left: 1rem;\n }\n }\n // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n display: block;\n width: 100%;\n\n // Vertically space out multiple block buttons\n p + &,\n + .btn-block {\n margin-top: $btn-block-spacing-y;\n }\n}\n",
|
||
|
|
"// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: $nav-link-padding-y $nav-link-padding-x;\n\n &:hover,\n &:focus {\n text-decoration: none;\n }\n\n // Disabled state lightens text\n &.disabled {\n color: $nav-link-disabled-color;\n pointer-events: none;\n cursor: default;\n }\n\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n .nav-item {\n margin-bottom: -$nav-tabs-border-width;\n }\n\n .nav-link {\n border: $nav-tabs-border-width solid transparent;\n @include border-top-radius($nav-tabs-border-radius);\n\n &:hover,\n &:focus {\n border-color: $nav-tabs-link-hover-border-color;\n }\n\n &.disabled {\n color: $nav-link-disabled-color;\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n .nav-link.active,\n .nav-item.show .nav-link {\n color: $nav-tabs-link-active-color;\n background-color: $nav-tabs-link-active-bg;\n border-color: $nav-tabs-link-active-border-color;\n }\n\n .dropdown-menu {\n // Make dropdown border overlap tab border\n margin-top: -$nav-tabs-border-width;\n // Remove the top rounded corners here since there is a hard edge above the menu\n @include border-top-radius(0);\n }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n .nav-link {\n @include border-radius($nav-pills-border-radius);\n }\n\n .nav-link.active,\n .show > .nav-link {\n color: $nav-pills-link-active-color;\n background-color: $nav-pills-link-active-bg;\n }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n .nav-item {\n flex: 1 1 auto;\n text-align: center;\n }\n}\n\n.nav-justified {\n .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n > .tab-pane {\n display: none;\n }\n > .active {\n display: block;\n }\n}\n",
|
||
|
|
".logo {\n display: flex;\n flex-direction: row;\n text-decoration: none;\n\n &-image {\n width: auto;\n height: 55px;\n display: block;\n flex: 0 0 auto;\n overflow: hidden;\n }\n}\n\n.header {\n background-position: center;\n @extend .section_bg-gradient;\n @if $header-mobile-sticky {\n top: 0;\n position: sticky;\n z-index: 2;\n\n @media(min-width: $screen-md){\n z-index: auto;\n position: relative;\n }\n } @else {\n position: relative;\n z-index: 2;\n }\n &_home {\n body & {\n background-image: none;\n z-index: auto;\n }\n\n &:before,\n &:after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n z-index: -1;\n background-position: center;\n background-image: $background-image_gradient;\n height: 140px;\n top: -12px;\n }\n &:after {\n top: -10px;\n background-image: $background-image_shape-wave-xs;\n background-position: center bottom;\n background-size: 100% auto;\n background-repeat: no-repeat;\n }\n\n @media(min-width: $screen-sm){\n &:before,\n &:after {\n background-image: $background-image_gradient;\n height: 280px;\n }\n &:after {\n background-image: $background-image_shape-wave;\n background-size: auto;\n background-position: left bottom;\n }\n\n }\n .page-home & {\n @media(min-width: $screen-lg){\n margin-bottom: 5 * $spacer;\n }\n @media(min-width: $screen-xl){\n margin-bottom: $spacer;\n }\n }\n @media (min-width: $screen-xl) {\n &:before,\n &:after {\n min-height: 320px;\n height: 23vw;\n }\n &:after {\n background-size: cover;\n background-position: center bottom;\n }\n }\n @media (min-width: $screen-xl + 180px){\n &:before,\n &:after {\n height: 20vw;\n transform: translate3d(0,-2%,0);\n }\n }\n @media (min-width: 2200px){\n &:before,\n &:after {\n transform: translate3d(0,-10%,0);\n }\n }\n @media (min-width: 2200px){\n &:before,\n &:after {\n transform: translate3d(0,-20%,0);\n }\n }\n }\n\n .logo-caption {\n color: $white;\n }\n .nav-link {\n text-decoration: none;\n }\n .nav-item {\n font-weight: $font-weight-bold;\n }\n .nav-item,\n .nav-link {\n @media(min-width: $screen-md){\n color: inherit;\n }\n }\n .navbar{\n padding-top: $spacer * 1.5;\n padding-bottom: $spacer * 1.5;\n @media(min-width: $screen-md){\n color: $white;\n }\n }\n .btn-menu {\n appearance: none;\n width: 44px;\n height: 44px;\n min-width: 44px;\n display: block;\n border-radius: $border-radius;\n position: absolute;\n background: transparent;\n border: none;\n outline: none;\n top: $spacer * 1.5;\n right: $spacer * 1.5;\n z-index: 1;\n\n &:before {\n content: \"\";\n width: 100%;\n height: 100%;\n min-width: 44px;\n background: url(\"../img/icons/burger_menu.svg\") center no-repeat;\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n }\n @media(min-width: $screen-md){\n display: none;\n }\n &_close:before {\n background-image: url(
|
||
|
|
".footer {\n position: relative;\n background-position: center;\n @extend .section_bg-gradient;\n color: $white;\n padding-top: 3rem;\n padding-bottom: 1rem;\n\n a:not(.btn),\n .copyright,\n .small {\n color: inherit;\n text-decoration: none;\n }\n a:not(.btn) {\n &:hover {\n text-decoration: underline;\n }\n }\n .link-item {\n padding-left: ($grid-gutter-width /2);\n padding-right: ($grid-gutter-width /2);\n margin-bottom: 1.2rem;\n\n strong,\n a {\n display: block;\n white-space: nowrap;\n }\n }\n .logo img {\n height: 48px;\n }\n .logo {\n margin-bottom: 1.6rem;\n }\n}\n\n.copyright-bar {\n @extend .small;\n @extend .d-flex;\n margin-top: 1.5rem;\n flex-wrap: wrap;\n margin-left: ($grid-gutter-width /2) * -1;\n margin-right: ($grid-gutter-width /2) * -1;\n\n div {\n flex: 1 0 auto;\n padding-left: ($grid-gutter-width /2);\n padding-right: ($grid-gutter-width /2);\n max-width: 100%;\n }\n \n @media (min-width: $screen-sm){\n flex-wrap: nowrap;\n justify-content: space-between;\n margin-top: 2rem;\n \n div {\n flex: 1 1 auto;\n }\n }\n @media (min-width: $screen-md){\n margin-top: 3.2rem;\n }\n .privacy a {\n white-space: nowrap;\n }\n}",
|
||
|
|
"section {\n padding-top: ($spacer * 4);\n padding-bottom: ($spacer * 4);\n}\n\n.section {\n &-main {\n padding-top: 6rem;\n \n @media (min-width: $screen-md) {\n padding-top: 8rem;\n }\n @media (min-width: $screen-lg) {\n padding-top: 0;\n }\n &-image {\n display: none;\n\n @media (min-width: $screen-lg) {\n display: block;\n max-width: 100%;\n height: auto;\n position: relative;\n top: 1.5rem;\n }\n }\n }\n &-intersect {\n & + & {\n margin-top: ($spacer * -5);\n padding-top: ($spacer * 4.5);\n }\n }\n &_bg {\n &-light {\n &,\n &:before {\n background-color: $light;\n background-image: none;\n }\n }\n &-white {\n &,\n &:before {\n background-color: $white;\n background-image: none;\n }\n }\n &-gradient {\n &,\n &:before {\n background-image: $background-image_gradient;\n background-color: transparent;\n }\n \n color: $white;\n\n h2.headline {\n &:after {\n border-color: $white;\n }\n }\n .slick-dots li {\n button:before {\n background-color: $white;\n opacity: 1;\n }\n .slick-active button:before {\n background-color: $slick-dot-color-active;\n }\n }\n .slick-arrow {\n &,\n &:hover,\n &:focus {\n background-color: $body-bg;\n box-shadow: $box-shadow;\n }\n }\n }\n &-skew {\n position: relative;\n background: transparent;\n padding-top: ($spacer * 6);\n padding-bottom: ($spacer * 4.5);\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: $spacer;\n left: 0;\n height: 110%;\n width: 100%;\n transform: skewY(2deg);\n z-index: -1;\n margin-top: -2%;\n }\n }\n &-featured {\n z-index: 0;\n }\n }\n &-sticky {\n position: fixed;\n bottom: 0;\n display: block;\n width: 100%;\n box-shadow: $box-shadow;\n z-index: 1;\n padding-top: $spacer * 1.25;\n padding-bottom: $spacer * 1.25;\n opacity: 1;\n transition: opacity 0.3s 0.05s ease-in-out, visibility 0s 0s ease-in;\n visibility: visible;\n\n &.invisible,\n &.hidden {\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s 0s ease-in-out, visibility 0s 0.3s ease-in;\n }\n }\n &-container-close {\n position: absolute;\n text-align: right;\n max-width: inherit;\n width: inherit;\n padding: inherit;\n height: 0;\n overflow: visible;\n \n .btn_close {\n position: relative;\n margin: ($spacer * -1.5) 0 0;\n padding: $spacer;\n\n &:before {\n content: \"\";\n width: 16px;\n height: 16px;\n background: transparent url(\"../img/icons/cross_close.svg\") center no-repeat;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate3d(-50%,-50%,0);\n }\n @media (min-width: 360px){\n margin: 0 $spacer;\n }\n &,\n &:hover,\n &:active,\n &
|
||
|
|
".list {\n padding-left: 0;\n &,\n &-item {\n list-style: none;\n .list-icon {\n display: inline-block;\n margin-bottom: $spacer * 0.6;\n }\n }\n &_plain &-item:not(.col) {\n padding-left: 0;\n }\n &_bullets &-item {\n padding-left: 1rem;\n position: relative;\n\n &:before {\n color: $primary-light;\n content: '\\2022';\n left: 0;\n position: absolute;\n font-size: 1.75rem;\n line-height: $line-height-base * 1rem;\n }\n }\n}\n\n.icon-list {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n &-item {\n padding: ($spacer * 1) ($spacer * 1.5);\n @media (min-width: $screen-lg){\n padding: ($spacer * 1.4) ($spacer * 2.2);\n }\n }\n &_inline &-item {\n padding: ($spacer * 1) ($spacer * 0.5);\n @media (min-width: $screen-lg){\n padding: ($spacer * 1) ($spacer * 0.75);\n }\n }\n}\n\n.card-list {\n @extend .row;\n margin-top: $spacer * 3;\n overflow: hidden;\n &-item {\n @extend .col;\n display: flex;\n flex-direction: column;\n margin-bottom: $spacer * 3;\n margin-top: $spacer * 2;\n width: 100%;\n flex: 0 0 auto;\n flex-wrap: wrap;\n\n .container {\n padding-bottom: 0;\n padding-top: $spacer;\n padding-left: 0;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n\n &:first-child {\n padding-bottom: 60px;\n padding-top: 60px;\n padding-left: $spacer * 2;\n padding-right: $spacer * 2;\n background-color: $secondary;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n }\n .btn-link:last-child{\n padding-bottom: 0;\n position: relative;\n top: 6px;\n }\n }\n .image-block {\n height: 240px;\n display: block;\n position: relative;\n text-align: center;\n overflow: hidden;\n padding: 0;\n\n img {\n width: auto;\n object-fit: cover;\n min-height: 240px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate3d(-50%,-50%,0);\n }\n }\n .headline-caption {\n font-size: $font-size-base;\n margin-bottom: $spacer * 0.75;\n }\n &:nth-child(odd) .container:first-child{\n background-color: $pink;\n }\n @media (min-width: $screen-sm) {\n width: 50%;\n .container:first-child {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n }\n @media (min-width: $screen-lg){\n width: 33.33%;\n }\n @media (min-width: $screen-xl){\n .container:first-child {\n padding-top: 100px;\n padding-bottom: 100px;\n }\n }\n }\n}",
|
||
|
|
".box {\n border-radius: $border-radius;\n background-color: $body-bg;\n box-shadow: $box-shadow;\n position: relative;\n color: $body-color;\n padding: $card-spacer-y $card-spacer-x;\n \n &_stretch {\n height: 100%;\n \n &.box_flex {\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n > .image-block {\n width: 30%;\n padding-right: 0;\n padding-left: 0;\n img {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n }\n }\n > div {\n max-width: 70%;\n padding-left: $spacer;\n }\n }\n }\n\n &_spaced {\n margin-top: $spacer * 3;\n }\n &-column {\n padding-top: $spacer;\n min-height: 100px;\n }\n &_flex {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n height: 100%;\n .box-inner {\n flex: 1 0 auto;\n &_end {\n flex: 0 0 auto;\n }\n }\n @media (min-width:$screen-sm) {\n flex-direction: row;\n align-items: center;\n > .box-inner_flex {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex: 1 0 auto;\n\n h3:last-child {\n margin-bottom: 0;\n }\n }\n }\n }\n .image-block {\n max-width: 30%;\n img {\n min-width: 90px;\n }\n\n @media (min-width:$screen-sm) {\n max-width: none;\n &:first-child {\n padding-right: $spacer * 1.25;\n }\n img {\n min-width: 100px;\n max-width: 160px;\n }\n }\n }\n &_slider {\n z-index: 0;\n .slick-list {\n padding-top: $spacer;\n padding-bottom: $spacer * 1.5;\n }\n &-caption {\n display: flex;\n justify-content: flex-end;\n padding: 0 $spacer;\n @media (min-width: $screen-lg){\n padding: 0 $spacer * 2;\n }\n @media (min-width: 420px){\n transform: translate3d(0, -38px, 0);\n }\n }\n }\n}\n\n.image-block {\n text-align: center;\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n\n img {\n display: block;\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n height: auto;\n }\n .text-center > & {\n margin-left: auto;\n margin-right: auto;\n text-align: inherit;\n img {\n margin-left: auto;\n margin-right: auto;\n }\n }\n .section-feature-listing &,\n .box & {\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n }\n}\n\n.image-overflow {\n position: absolute;\n height: 100%;\n min-height: 100%;\n width: auto;\n top: 0;\n &-spacer {\n position: static;\n display: block;\n width: 100%;\n height: auto;\n \n }\n &-container {\n position: relative;\n margin-top: $spacer;\n margin-bottom: $spacer * 1.5;\n\n @media (min-width: $screen-md){\n margin-top: 0.5 * $spacer;\n margin-bottom: 0.5 * $spacer;\n }\n }\n &_left {\n right: 0.5rem;\n }\n}\n\n.text-block {\n .numeration {\n color: $primary;\n font-size: $h5-font-size;\n font-weight: $font-weight-bold;\n line-height: $headings-line-height * $h4-font-size;\n }\n &_indented {\n padding-left: $grid-gutter-width;\n position: relative;\n @media (min-width: $screen-md){\n padding-right: $card-spacer-x;\n
|
||
|
|
".w-100 {\n width: 100%;\n}\n\n.h-100 {\n height: 100%;\n}",
|
||
|
|
".main-content {\n\theight: 100vh;\n}\n\n.header {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n}\n\n.bg-white {\n\tbackground-color: white;\n}\n\n@media (max-width:$screen-lg) {\n .component.download {\n height: 100vh;\n }\n\t\n\t.component.download > .container {\n\t\tposition: relative;\n\t}\n\t\n\t.component.download .download-mobile-image {\n\t\tmax-width: 99%;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tz-index: -1;\n\t}\n\t\n\t\n}\n",
|
||
|
|
"// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n.img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n.img-shadow {\n box-shadow: 0 8px 24px -17px #000101;\n}",
|
||
|
|
"//\n// Tables\n// --------------------------------------------------\n\n\ntable {\n background-color: $table-bg;\n\n // Table cell sizing\n //\n // Reset default table behavior\n\n col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n display: table-column;\n float: none;\n }\n\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n display: table-cell;\n float: none;\n }\n }\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n}\n\nth {\n text-align: left;\n}\n\n\n// Baseline styles\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: $line-height-base;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: $table-cell-padding;\n line-height: $line-height-base;\n vertical-align: top;\n border-top: 1px solid $table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid $table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid $table-border-color;\n }\n\n // Nesting\n .table {\n background-color: $body-bg;\n }\n}\n\n\n// Condensed table w/ half padding\n\n.table-condensed {\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: $table-cell-padding;\n }\n }\n }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n border: 1px solid $table-border-color;\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid $table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n border-bottom-width: 2px;\n }\n }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n > tbody > tr:nth-of-type(odd) {\n background-color: $table-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n > tbody > tr:hover {\n background-color: $table-hover-bg;\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n// Generate the contextual variants\n//@include table-row-variant('active', $table-active-bg);\n//@include table-row-variant('success', $state-success-bg);\n//@include table-row-variant('info', $state-info-bg);\n//@include table-row-variant('warning', $state-warning-bg);\n//@include table-row-variant('danger', $state-danger-bg);\n\n\n// Responsive tables\n//\n// Wrap your tables in `.table-responsive` and we'll make them mobile friendly\n// by enabling horizontal scrolling. Only applies <768px. Everything above that\n// will display normally.\n\n.table-responsive {\n min-height: .01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)\n overflow-x: auto;\n\n @media screen and (max-width: $screen-sm) {\n width: 100%;\n margin-bottom: ($line-height-base * .75);\n overflow-y: hidden;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid $table-border-color;\n\n // Tighten up spacing\n > .table {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n\n // Special overrides for the bordere
|
||
|
|
],
|
||
|
|
"names": [],
|
||
|
|
"mappings": "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
|
||
|
|
}
|