epfl-elements 4.9.2 → 5.0.1

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.
Files changed (21) hide show
  1. package/README.md +1 -1
  2. package/dist/components/atoms/select/select.yml +1 -1
  3. package/dist/components/content-types/study-plan/study-plan.yml +0 -2
  4. package/dist/css/elements.css +903 -3141
  5. package/dist/css/elements.min.css +1 -1
  6. package/dist/css/elements.min.css.map +1 -1
  7. package/dist/css/reader.css +33 -128
  8. package/dist/css/reader.min.css +1 -1
  9. package/dist/css/reader.min.css.map +1 -1
  10. package/dist/docs/contribute/support-and-request.html +7 -8
  11. package/dist/icons/icons.svg +1 -1
  12. package/dist/index.html +0 -1
  13. package/dist/js/elements.js +1 -251
  14. package/dist/js/elements.min.js +1 -1
  15. package/dist/js/elements.min.js.LICENSE.txt +0 -2
  16. package/dist/js/elements.min.js.map +1 -1
  17. package/dist/js/reader.js +223 -213
  18. package/dist/js/reader.min.js +1 -1
  19. package/dist/js/reader.min.js.map +1 -1
  20. package/dist/package.json +13 -12
  21. package/package.json +13 -12
package/dist/css/reader.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"css/reader.min.css","mappings":"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","sources":["webpack://epfl-elements/./reader/components/ColorTable/ColorTable.scss","webpack://epfl-elements/./reader/variables.scss","webpack://epfl-elements/./reader/views/Colors/Colors.scss","webpack://epfl-elements/./reader/components/SidebarItem/SidebarItem.scss","webpack://epfl-elements/./reader/components/Sidebar/Sidebar.scss","webpack://epfl-elements/./reader/components/Item/Item.scss","webpack://epfl-elements/./reader/views/Single/Single.scss","webpack://epfl-elements/./reader/components/Icon/Icon.scss","webpack://epfl-elements/./reader/components/Toolbar/Toolbar.scss","webpack://epfl-elements/./reader/components/App/App.scss","webpack://epfl-elements/./reader/reader.scss","webpack://epfl-elements/./assets/config/bootstrap-variables.scss"],"sourcesContent":["@import '../../variables';\n\n.tlbx-table-wrapper {\n max-width: 100%;\n overflow-x: auto;\n}\n\n.tlbx-table {\n width: 100%;\n border-collapse: collapse;\n\n td,\n th {\n border-top: 1px solid $alto;\n padding: 0.75em;\n }\n\n thead th {\n border-bottom: 4px solid $alto;\n vertical-align: bottom;\n\n .tblx-muted {\n display: inline-block;\n line-height: 1.1em;\n }\n }\n\n th,\n td:not([scope]) {\n text-align: center;\n vertical-align:middle;\n }\n}\n\n.tlbx-contrast-color {\n display: flex;\n align-items: center;\n text-align: left;\n}\n\n.tlbx-contrast-color .tlbx-contrast-color-thumb {\n margin-right: 10px;\n}\n\n.tlbx-contrast-color-thumb,\n.tlbx-contrast-none {\n display: inline-flex;\n width: 40px;\n height: 40px;\n}\n\n.tlbx-contrast-color-thumb {\n font-size: 1.2rem;\n font-weight: bold;\n align-items: center;\n justify-content: center;\n}\n\n.tlbx-contrast-none {\n position: relative;\n background-color: #eee;\n overflow: hidden;\n}\n\n.tlbx-contrast-none:after {\n content: '';\n position: absolute;\n top: 1px;\n bottom: 1px;\n left: 0;\n width: 200%;\n border-width: 40px;\n border-style: solid;\n border-color: transparent white;\n}\n\n.tlbx-contrast-text {\n display: inline-block;\n width: 100%;\n font-size: 2rem;\n font-weight: bold;\n text-align: center;\n}\n\n.tlbx-color-swatch-color .btn {\n opacity: 0;\n transition: opacity 200ms;\n}\n\n.tlbx-color-swatch-color:hover .btn {\n opacity: 1;\n}\n\n.tblx-muted { opacity: 0.5; }\n\n.custom-controls-stacked {\n padding: 1em 0;\n line-height: 2em;\n label { display: block; }\n}\n\n.custom-control-input + span + span {\n cursor: pointer;\n color: $color-primary;\n &:before { content: \"\\2022 \"; }\n}\n\n.custom-control-input:checked + span + span {\n color: #000;\n &:before { content: \"\\25ba \"; }\n}\n","\n// Colors\n$black: #010a15;\n$white: #f0f0f0;\n$color-primary: #003baf;\n$color-secondary-light: #3474a8;\n$color-secondary-dark: #012f4d;\n$gray-lighter: #f2f2f4;\n$alto: #d8d8d8;\n\n\n$body-color: $black;\n$body-bg: $white;\n$link-color: $color-secondary-light;\n$link-hover-color: $color-secondary-dark;\n\n$toolbar-width: 60px;\n","@import '../../variables';\n\n.tlbx-color-swatch-wrapper {\n display: flex;\n flex-wrap: wrap;\n}\n\n.tlbx-color-swatch {\n flex: 0 0 14%;\n padding-right: 1.6%;\n margin: 1em 0;\n margin-bottom: 2em;\n}\n\n.tlbx-color-swatch-color {\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 150px;\n height: 12vh;\n\n &:hover .tlbx-color-swatch-btn { opacity: 1; }\n}\n\n.tlbx-color-swatch-btn {\n display: inline-block;\n margin: 0 auto;\n padding: 1em;\n background: $color-primary;\n border: none;\n color: $white;\n transition: opacity 0.3s;\n opacity: 0;\n &:hover { cursor: pointer; }\n}\n\n.tlbx-color-swatch-infos {\n h5 { margin: 0.5em 0; }\n h6 {\n text-transform: uppercase;\n margin: 0.5em 0;\n }\n}\n","@import '../../variables';\n\n.tlbx-sidebar-item {\n display: flex;\n width: 100%;\n margin: 0 0 0.5rem 0;\n background: none;\n border: 0;\n font-size: 1rem;\n padding-right: 1rem;\n padding-left: 1rem;\n cursor: pointer;\n text-transform: capitalize;\n\n &:hover {\n color: $link-hover-color;\n }\n\n &:focus,\n &:active {\n outline: none;\n box-shadow: none;\n }\n\n &:after {\n content: '';\n display: block;\n width: 0;\n height: 0;\n font-size: 0;\n line-height: 0;\n align-self: center;\n margin-left: auto;\n margin-right: 1rem;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid $link-color;\n }\n\n .tlbx-open & {\n &:after {\n transform: rotate(180deg);\n }\n }\n}\n\n.tlbx-sidebar-collapse {\n transition: height 250ms cubic-bezier(.4, 0, .2, 1);\n}\n\n.tlbx-sidebar-item-list {\n margin-top: 0;\n list-style: none;\n padding: 0;\n\n strong,\n em { padding-left: 2rem; }\n\n a {\n display: block;\n position: relative;\n padding: 0.25rem 0.5rem 0.25rem;\n padding-left: 2rem;\n color: $body-color;\n transition: color 250ms ease;\n\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n border-left: 0 solid $link-color;\n transition: border-width 100ms ease;\n }\n\n &.active,\n &:hover {\n color: $link-color;\n text-decoration: none;\n\n &:before {\n border-left-width: 4px;\n }\n }\n\n &.active {\n font-weight: bold;\n }\n\n }\n\n li { padding: 0; }\n\n ul a,\n ul strong,\n ul em { padding-left: 3rem; }\n ul ul a,\n ul ul strong,\n ul ul em { padding-left: 4rem; }\n ul ul ul a,\n ul ul ul strong,\n ul ul ul em { padding-left: 5rem; }\n}\n\n.tlbx-sidebar-item-list-empty {\n display: block;\n margin-left: 1rem;\n}\n","@import '../../variables';\n\n.tlbx-sidebar {\n padding: 1em 0;\n\n a {\n color: $body-color;\n text-decoration: none;\n border-bottom: none;\n }\n\n @media only screen and (max-width: 767px) {\n margin-bottom: 3rem;\n }\n}\n\n.tlbx-sidebar-title {\n margin: 0 1rem;\n font-size: 1rem;\n margin-top: 0.5rem;\n\n span {\n font-weight: 200;\n }\n}\n\n.tlbx-sidebar-version {\n margin: 0.5rem 1rem;\n margin-bottom: 1.5rem;\n font-size: 0.8rem;\n font-weight: 200;\n}\n","@import '../../variables';\n\n.tlbx-item-preview {\n position: relative;\n\n .tlbx-item & {\n padding: 1.5rem;\n border: 2px solid $gray-lighter;\n }\n}\n\n.tlbx-item-code {\n margin-top: 0;\n\n pre {\n margin-top: 0;\n max-height: 80vh;\n\n code { font-family: Monaco, monospace; }\n .react-syntax-highlighter-line-number { line-height: 1.47em; }\n }\n}\n\n.tlbx-actions {\n display: flex;\n justify-content: flex-end;\n margin-bottom: -0.8rem;\n}\n\n.tlbx-actions-link {\n position: relative;\n padding: 0 0.5em;\n border: 1px solid $link-color;\n font-size: 12px;\n color: $link-color;\n z-index: 1;\n background-color: #fff;\n border-radius: 3px;\n text-decoration: none;\n\n &:hover {\n color: $link-hover-color;\n border-color: $link-hover-color;\n text-decoration: none;\n }\n}\n\n.tlbx-hidden {\n display: none;\n}\n","@import '../../variables';\n\n.tlbx-notes {\n max-width: 700px;\n line-height: 1.55em;\n}\n\n.tlbx-single-full {\n min-height: 100vh;\n\n .tlbx-item-preview {\n border: 0;\n }\n\n .tlbx-single-full-intro h1 {\n margin: 0;\n font-size: 1rem;\n }\n}\n\n.tlbx-single-full-intro {\n padding: 1rem;\n background-color: $gray-lighter;\n}\n\n.tlbx-variant-heading {\n margin-top: 1.2em;\n}\n","@import '../../variables';\n\n$icon-size-base: 1em;\n\n.tblx-icon {\n display: inline-flex;\n position: relative;\n top: 0.1em;\n width: $icon-size-base;\n height: $icon-size-base;\n font-size: 1em;\n line-height: 1em;\n color: inherit;\n transition: transform 0.2s;\n align-self: center;\n fill: currentColor;\n}\n","@import '../../variables';\n\n.tlbx-toolbar {\n display: flex;\n flex-direction: column;\n max-width: 100%;\n justify-content: space-between;\n\n @media only screen and (max-width: 767px) {\n flex-direction: row;\n justify-content: flex-end;\n }\n}\n\n.tlbx-toolbar-btn {\n display: inline-flex;\n width: $toolbar-width - 10px;\n height: 50px;\n background: none;\n border: none;\n font-size: 1.4em;\n font-weight: 900;\n color: #fff;\n align-items: center;\n justify-content: center;\n opacity: 1;\n\n &:hover { cursor: pointer; }\n\n &:focus,\n &:active {\n outline: none;\n box-shadow: none;\n }\n\n &.tlbx-active { opacity: 0.5; }\n\n @media only screen and (max-width: 767px) {\n padding: 0;\n font-size: 20px;\n &.tlbx-brand { margin-right: auto; }\n }\n}\n\n.tlbx-toolbar-toggle-menu {\n display: none;\n\n @media only screen and (max-width: 767px) {\n display: flex;\n }\n}\n","@import '../../variables';\n\nbody {\n margin: 0;\n padding: 0;\n}\n\n.tlbx-h2 { text-align: center; }\n\n.styleguide {\n display: grid;\n grid-template-columns: $toolbar-width 240px 1fr;\n min-height: 100vh;\n max-width: 100%;\n font-family: inherit, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n color: inherit;\n\n @media only screen and (max-width: 767px) {\n display: block;\n overflow: hidden;\n }\n}\n\n.tlbx-toolbar-wrapper {\n display: flex;\n flex: 0 0 $toolbar-width;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: $toolbar-width;\n padding: 5px;\n color: white;\n\n flex-direction: column;\n\n z-index: 999;\n box-sizing: border-box;\n grid-column: 1;\n background-color: $color-primary;\n\n @media only screen and (max-width: 767px) {\n bottom: auto;\n width: 100%;\n }\n}\n\n.tlbx-sidebar-wrapper {\n flex: 0 0 240px;\n grid-column: 2;\n background-color: $gray-lighter;\n\n @media only screen and (max-width: 767px) {\n position: fixed;\n top: $toolbar-width;\n right: 0;\n bottom: 0;\n transform: translateX(100%);\n transition: transform 0.3s;\n z-index: 998;\n overflow-y: auto;\n min-height: 100vh;\n max-width: 240px;\n box-shadow: -3px 0 20px 0 rgba(0, 0, 0, 0.3);\n &.tlbx-sidebar-open { transform: translateX(0); }\n }\n}\n\n.tlbx-content-wrapper {\n flex: 1 1 auto;\n grid-column: 3;\n align-self: start;\n overflow: hidden;\n\n @media only screen and (max-width: 767px) {\n padding-top: $toolbar-width;\n box-sizing: border-box;\n width: 100%;\n }\n}\n\n.tlbx-content {\n padding: 1.2rem 2rem;\n}\n\n.tlbx-notes,\n.tlbx-doc-markdown-wrapper {\n table {\n max-width: 100%;\n margin-bottom: 1rem;\n }\n\n table th,\n table td {\n padding: .75rem;\n border-top: 1px solid #dee2e6;\n }\n\n table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #dee2e6;\n }\n}\n","@charset 'utf-8';\n\n@use 'sass:map';\n@import 'variables';\n@import 'bootstrap/scss/functions';\n// Import the main theme's Bootstrap config:\n@import '../assets/config/bootstrap-variables';\n\n.styleguide {\n font-family: $font-family-base;\n}\n\n.tlbx-toolbar-wrapper {\n position: static;\n\n @media screen and (min-width: 768px) {\n position: fixed;\n }\n}\n\n\n.tlbx-doc-markdown-wrapper {\n max-width: map.get($container-max-widths, 'md');\n margin: 0 auto;\n}\n\n@media screen and (min-width: 768px) {\n .tlbx-toolbar {\n position: fixed;\n }\n\n .tlbx-sidebar {\n position: fixed;\n max-height: 100vh;\n overflow-y: scroll;\n width: 240px;\n }\n}\n\n.tlbx-item-preview {\n overflow: hidden;\n}\n\n/* Dropdown and multi select needs `overflow: visible` to allow it to\n escape its container. */\n.tlbx-item-preview.tlbx-element-dropdown,\n.tlbx-item-preview.tlbx-element-select-multiple,\n.tlbx-item-preview.tlbx-element-breadcrumb-dropdown {\n overflow: visible;\n}\n\n.tlbx-sidebar button.tlbx-sidebar-item {\n &:focus,\n &:focus-visible {\n outline: revert !important;\n }\n}\n\n\n.tlbx-sidebar-item-list {\n margin-left: 0;\n padding: 0;\n\n a {\n padding: 0.25rem 0.5rem;\n padding-left: 2rem;\n background: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n &.active { color: $red !important; }\n }\n\n li:before { content: none; }\n}\n\n.tlbx-item-preview.tlbx-picture img { width: auto; }\n.tlbx-item-preview.tlbx-component-popover .popover { position: static; }\n\n.tlbx-event-teaser-event-teaser-large {\n .event-teaser {\n max-width: 800px;\n }\n}\n\n#styleguide .tlbx-sidebar-item-list li {\n a {\n position: relative;\n z-index: $zindex-1;\n\n &:before {\n content: none;\n }\n\n &:after {\n content: ' ';\n position: absolute;\n z-index: $zindex-background;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: #e0e0e0;\n border: none;\n transform: scaleX(0);\n transform-origin: 0 50%;\n transition: none;\n }\n }\n\n a:focus,\n a.active,\n a:active {\n font-weight: normal !important;\n\n &:after {\n transform: scaleX(1);\n transition: 0.4s ease-out;\n }\n }\n}\n\n.tlbx-notes {\n code {\n padding: 0.05em 0.1em;\n border-radius: 2px;\n background-color: rgba($red, 0.3);\n border: 1px solid rgba($red, 0.3);\n }\n}\n\n.tlbx-item-code {\n pre code {\n display: flex;\n flex-direction: column;\n\n > span {\n &:hover {\n background-color: rgba($white, 0.05);\n }\n }\n }\n}\n\n.tlbx-component-access-nav {\n position: relative;\n padding-bottom: 45px;\n\n &:after {\n content: 'Focus here and press <Tab>.';\n color: $text-muted;\n }\n\n .access-nav {\n position: static;\n\n li a {\n position: absolute;\n }\n }\n}\n\n.tlbx-component-nav-toggle-mobile {\n .nav-toggle-mobile {\n display: flex !important;\n margin-left: 0;\n }\n}\n\n.tlbx-component-search {\n .d-lg-none {\n display: block !important;\n }\n}\n\n.tlbx-component-nav {\n min-height: 250px;\n padding: 0;\n\n .nav-toggle .nav-main {\n position: absolute;\n }\n\n @media (min-width: 1200px) {\n .desktop-menu-open .nav-toggle .nav-main {\n left: 20px;\n }\n }\n}\n","// 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@use 'sass:math';\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #e6e6e6 !default;\n$gray-200: #d5d5d5 !default;\n$gray-300: #c1c1c1 !default;\n$gray-500: #8e8e8e !default;\n$gray-600: #707070 !default;\n$black: #212121 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"600\": $gray-600,\n), $grays);\n\n$blue: #4a90e2!default;\n$red: #ff0000 !default;\n$red-dark:#b51f1f !default;\n$orange: #f5a623 !default;\n$green: #7ed321 !default;\n\n$green-text: #699b32;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"red\": $red,\n \"orange\": $orange,\n \"green\": $green,\n \"white\": $white\n), $colors);\n\n$primary: $red !default;\n$secondary: $white !default;\n$success: $green !default;\n$info: $blue !default;\n$warning: $orange !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $black !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\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), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $black !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3),\n gutter: 16px, // == $grid-gutter-width\n 6: ($spacer * 6),\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $black !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $body-color !default;\n$link-decoration: underline !default;\n$link-hover-color: theme-color('primary') !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1600px,\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 32px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-200 !default;\n\n$border-radius: 2px !default;\n$border-radius-lg: 4px !default;\n$border-radius-sm: 2px !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n// official font is Suisse Int'l, but the license only allow to host\n// on a epfl domain, so we set it to Arial, the official fallback\n$font-family-sans-serif: Arial, sans-serif, !default;\n$font-family-monospace: monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .83) !default;\n$font-size-xs: 0.778rem;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 3 !default;\n$h2-font-size: $font-size-base * 2.33 !default;\n$h3-font-size: $font-size-base * 1.78 !default;\n$h4-font-size: $font-size-base * 1.44 !default;\n$h5-font-size: $font-size-base * 1.17 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: math.div($spacer, 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: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !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.28) !default;\n$lead-font-weight: 400 !default;\n\n$small-font-size: $font-size-sm !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.44) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: transparentize($red, 0.8) !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .6rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-200 !default;\n$table-border-color-light: $gray-100;\n\n$table-head-bg: lighten($gray-100, 5.49) !default;\n$table-head-color: $gray-600 !default;\n\n$table-dark-bg: $black !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($black, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .35rem !default;\n$input-btn-padding-x-sm: .7rem !default;\n$input-btn-line-height-sm: $line-height-sm * 1.05 !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !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//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: 0.68rem !default;\n$btn-padding-x: 1.4rem !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-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: 1rem !default;\n$btn-padding-x-lg: 2rem !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: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\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-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !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-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-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-100 !default;\n\n$input-color: $black !default;\n$input-border-color: $gray-500 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !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-bg: $input-bg !default;\n$input-focus-border-color: $black !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: 0 0 0 1px $gray-200 !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .55rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $white !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $black !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\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\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $black !default;\n$dropdown-link-hover-color: darken($black, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-background: -1 !default;\n$zindex-0: 0 !default;\n$zindex-1: 1 !default;\n$zindex-5: 5 !default;\n$zindex-10: 10 !default;\n$zindex-breadcrumbs: 110 !default;\n$zindex-search-mobile: 120 !default;\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n$zindex-nav-overlay: 1100 !default;\n$zindex-nav: 1110 !default;\n$zindex-toggle: 1120 !default;\n$zindex-gallery-opened: 1120 !default;\n$zindex-mobile-lang: 1140 !default;\n$zindex-access-nav: 3003 !default;\n$zindex-cookie-consent: 4004 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-200 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-600 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $nav-tabs-border-color $nav-tabs-border-color $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: math.div($spacer, 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: math.div($nav-link-height - $navbar-brand-height, 2) !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .25rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .25rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: .25rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: theme-color('primary') !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-200 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $pagination-bg !default;\n$pagination-hover-border-color: $gray-600 !default;\n\n$pagination-active-color: $gray-600 !default;\n$pagination-active-bg: $gray-100 !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-200 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: 0.9rem !default;\n$card-spacer-x: 1.35rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: $gray-200 !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: transparent !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: $card-spacer-x !default;\n\n$card-group-margin: math.div($grid-gutter-width, 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 296px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: $gray-200 !default;\n$popover-border-radius: 0 !default;\n$popover-box-shadow: none !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $gray-600 !default;\n$popover-header-padding-y: math.div($grid-gutter-width, 2) !default;\n$popover-header-padding-x: math.div($grid-gutter-width, 2) !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: 10px !default;\n$popover-arrow-height: 10px !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: $popover-border-color !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: 0.4rem !default;\n$alert-padding-x: 0.6rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: 0 !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: 0 !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-600 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: $font-size-sm !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 2 !default;\n$close-font-weight: $font-weight-light !default;\n$close-color: $gray-600 !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $red !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $black !default;\n\n$pre-color: $black !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"css/reader.min.css","mappings":"AAwGE,gBAEF,CAxGA,oBACE,cAAe,CACf,eAAF,CAGA,YAEE,wBAAyB,CADzB,UACF,CAEE,8BAEE,6BACA,aAAJ,CAGE,qBACE,gCACA,qBADJ,CAGI,iCACE,oBAAqB,CACrB,iBADN,CAKE,2CAEE,iBAAkB,CAClB,qBAHJ,CAOA,qBAEE,kBAAmB,CADnB,YAAa,CAEb,eAJF,CAOA,gDACE,iBAJF,CAOA,+CAEE,mBAAoB,CAEpB,WAAY,CADZ,UAHF,CAOA,2BAGE,kBAAmB,CAFnB,gBAAiB,CACjB,eAAiB,CAEjB,sBAJF,CAOA,oBAEE,qBAAsB,CACtB,eAAgB,CAFhB,iBAFF,CAOA,0BASE,6BAA+B,CAA/B,kBAA+B,CAA/B,iBAA+B,CAL/B,UAAW,CAHX,WAIA,MAAO,CAHP,iBAAkB,CAClB,OAAQ,CAGR,UADF,CAOA,oBACE,oBAAqB,CAErB,cAAe,CACf,eAAiB,CACjB,iBAAkB,CAHlB,UADF,CAOA,8BACE,SAAU,CACV,sBAJF,CAOA,oCACE,SAJF,CAOA,YAAc,UAHd,CAKA,yBAEE,eAAgB,CADhB,aADF,CAGE,+BAAQ,aAAV,CAGA,gCAEE,aCnGc,CDkGd,cACF,CACE,uCAAW,YAEb,CACA,wCACE,UAEF,CADE,+CAAW,YAIb,CE/GA,2BACE,YAAa,CACb,cADF,CAIA,mBACE,YAAa,CAGb,gBAAkB,CAFlB,kBACF,CAIA,yBACE,YAAa,CACb,qBAAsB,CAEtB,YAAa,CACb,WAAY,CAFZ,sBACF,CAGE,sDAAiC,SAAnC,CAGA,uBAIE,kBDxBc,CCyBd,WAAY,CACZ,aD3BM,CCsBN,oBAAqB,CACrB,aAAc,CAMd,SAAU,CALV,WAAY,CAIZ,sBACF,CACE,6BAAU,cAEZ,CAEE,4BAAK,aAEP,CADE,4BAEE,aAAe,CADf,wBAIJ,CCzCA,mBAIE,eAAgB,CAChB,QAAS,CAIT,cAAe,CARf,YAAa,CAKb,cAAe,CAHf,gBAAoB,CAKpB,iBAAkB,CADlB,kBAAmB,CAGnB,yBAA0B,CAR1B,UAOF,CAGE,yBACE,aADJ,CAIE,mDAGE,eAAgB,CADhB,YAFJ,CAME,yBAOE,iBAAkB,CAGlB,iCAAkC,CAClC,kCAAmC,CACnC,6BAXA,WACA,aAAc,CAGd,WAAY,CADZ,QAAS,CAET,aAAc,CAEd,gBAAiB,CACjB,iBAAkB,CANlB,OAKJ,CAQI,oCACE,wBANN,CAWA,uBACE,8CARF,CAWA,wBAEE,eAAgB,CADhB,YANF,CAUE,0DACK,iBAPP,CASE,0BAKE,aF7DI,CEyDJ,aAAc,CACd,iBAAkB,CAIlB,0BAPJ,CASI,iCAME,4BALA,WAIA,WAAY,CADZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAIN,gCAPN,CAUI,iEAEE,aFzEkB,CE0ElB,iDATN,CAWM,+EACE,qBATR,CAaI,iCACE,eAXN,CAgBE,2BAAK,SAbP,CAeE,6FAEQ,iBAZV,CAaE,sGAEW,iBAVb,CAWE,+GAEc,iBARhB,CAWA,8BACE,aAAc,CACd,gBARF,CCjGA,cACE,aADF,CAGE,gBAGE,kBAAmB,CAFnB,aHJI,CGKJ,iDAAJ,CAIE,yCATF,cAUI,kBADF,CACF,CAIA,oBAEE,cAAe,CACf,mBADF,CAGE,yBACE,eADJ,CAKA,sBAGE,eAAiB,CACjB,eAAgB,CAFhB,wBAAF,CC1BA,mBACE,iBADF,CAGE,8BAEE,yBADA,cAAJ,CAKA,gBACE,YAFF,CAIE,oBACE,YAAa,CACb,eAFJ,CAII,yBAAO,4BADX,CAEI,0DAAwC,kBAC5C,CAGA,cACE,YAAa,CACb,wBAAyB,CACzB,oBAAF,CAGA,mBAOE,qBAAsB,CAJtB,yBAKA,iBAAkB,CAHlB,aJ7BsB,CI4BtB,cAAe,CAFf,cAAgB,CADhB,iBAAkB,CAKlB,SAGF,CAEE,4CAFA,iDAKF,CAHE,yBAEE,oBJpCmB,CImCnB,aAEJ,CAIA,aACE,YADF,CC7CA,YAEE,kBAAmB,CADnB,eAAF,CAIA,kBACE,gBADF,CAGE,qCACE,QADJ,CAIE,6CAEE,cAAe,CADf,QADJ,CAMA,wBAEE,wBLfa,CKcb,YAFF,CAMA,sBACE,gBAHF,CCnBA,WAWE,iBAAkB,CADlB,iBAAkB,CAFlB,aAAc,CAPd,mBAAoB,CAKpB,aAAc,CADd,UAPe,CASf,eAAgB,CALhB,iBAAkB,CAClB,QAAU,CAMV,wBAA0B,CAL1B,SAIF,CCVA,cACE,YAAa,CACb,qBAAsB,CAEtB,6BAA8B,CAD9B,cAAF,CAGE,yCANF,cAOI,kBAAmB,CACnB,wBAAF,CACF,CAGA,kBASE,kBAAmB,CALnB,eAAgB,CAChB,WAAY,CAGZ,UAAW,CAPX,mBAAoB,CAKpB,eAAgB,CAChB,eAAgB,CAJhB,WAAY,CAOZ,sBAAuB,CACvB,SAAU,CATV,UASF,CAEE,wBAAU,cACZ,CACE,iDAGE,eAAgB,CADhB,YACJ,CAGE,8BAAgB,UAAlB,CAEE,yCAvBF,kBAyBI,cAAe,CADf,SAEF,CAAE,6BAAe,iBAGjB,CACF,2BACE,YAGF,CADE,yCAHF,0BAII,YAIF,CACF,CCnDA,KACE,QAAS,CACT,SADF,CAIA,SAAW,iBAAX,CAEA,YAME,aAAc,CALd,YAAa,CAIb,oGAAgH,CAHhH,qCAEA,cAAe,CADf,gBAIF,CACE,yCARF,YASI,aAAc,CACd,eAEF,CACF,CACA,sBAgBE,wBRnCc,CQwBd,QAAS,CAST,qBAAsB,CALtB,UAAY,CARZ,YAAa,CACb,cASA,qBAAsB,CAItB,aAAc,CATd,MAAO,CAEP,WAAY,CALZ,cAAe,CACf,KAAM,CAGN,URdc,CQoBd,WAGF,CAEE,yCAlBF,sBAmBI,WAAY,CACZ,UACF,CACF,CAEA,sBAGE,wBR3Ca,CQyCb,cAAe,CACf,aAEF,CACE,yCALF,sBASI,QAAS,CAOT,uCAA4C,CAD5C,eAAgB,CADhB,gBAAiB,CADjB,eAAgB,CAPhB,cAAe,CAEf,OAAQ,CADR,QRtCY,CQyCZ,0BAA2B,CAC3B,wBAA0B,CAC1B,WAMF,CADE,wCAAsB,uBAIxB,CACF,CADA,sBAGE,gBAAiB,CAFjB,aAAc,CACd,aAAc,CAEd,eAIF,CAFE,yCANF,sBAQI,qBAAsB,CADtB,gBR3DY,CQ6DZ,UAKF,CACF,CAFA,cACE,mBAKF,CAAE,mDAEE,kBAAmB,CADnB,cAKJ,CADE,kHAGE,4BAA6B,CAD7B,cAMJ,CAFE,qEAEE,+BAAgC,CADhC,qBAMJ,CCjGA,YACE,4BAPF,CAUA,sBACE,eAPF,CASE,oCAHF,sBAII,cANF,CACF,CAUA,2BAEE,aAAc,CADd,eANF,CAUA,oCAKE,4BAHE,cADF,CAIA,cAEE,gBAAiB,CACjB,iBAAkB,CAClB,WARF,CACF,CAWA,mBACE,eATF,CAcA,6IAGE,gBATF,CAaE,kGAEE,wBAXJ,CAgBA,wBACE,aAAc,CACd,SAbF,CAeE,0BAGE,yBAA2B,CAC3B,4BAA8B,CAC9B,yBAA2B,CAH3B,gCAVJ,CAcI,iCAAW,mBAXf,CAcE,kCAAY,YAXd,CAcA,oCAAsC,UAVtC,CAWA,mDAAqD,eAPrD,CAUE,oDACE,eAPJ,CAYE,yCACE,iBAAkB,CAClB,SATJ,CAWI,gDACE,YATN,CAYI,+CAQE,kBAAmB,CACnB,WAAY,CAHZ,QAAS,CALT,YAMA,MAAO,CALP,iBAAkB,CAGlB,OAAQ,CADR,KAAM,CAMN,mBAAoB,CACpB,sBAAuB,CACvB,eAAgB,CAThB,UADN,CAcE,+IAGE,yBAZJ,CAcI,iKACE,mBAAoB,CACpB,uBAVN,CAgBE,iBAGE,kCACA,kCAFA,iBAAkB,CADlB,kBAVJ,CAkBE,yBACE,YAAa,CACb,qBAfJ,CAkBM,oCACE,mCAhBR,CAsBA,2BAEE,mBAAoB,CADpB,iBAlBF,CAqBE,iCAEE,aCpIO,CDmIP,qCAlBJ,CAsBE,uCACE,eApBJ,CAsBI,4CACE,iBApBN,CA0BE,qDACE,sBAAwB,CACxB,aAvBJ,CA4BE,kCACE,uBAzBJ,CA6BA,oBACE,gBAAiB,CACjB,SA1BF,CA4BE,0CACE,iBA1BJ,CA6BE,0BACE,6DACE,SA3BJ,CACF","sources":["webpack://epfl-elements/./reader/components/ColorTable/ColorTable.scss","webpack://epfl-elements/./reader/variables.scss","webpack://epfl-elements/./reader/views/Colors/Colors.scss","webpack://epfl-elements/./reader/components/SidebarItem/SidebarItem.scss","webpack://epfl-elements/./reader/components/Sidebar/Sidebar.scss","webpack://epfl-elements/./reader/components/Item/Item.scss","webpack://epfl-elements/./reader/views/Single/Single.scss","webpack://epfl-elements/./reader/components/Icon/Icon.scss","webpack://epfl-elements/./reader/components/Toolbar/Toolbar.scss","webpack://epfl-elements/./reader/components/App/App.scss","webpack://epfl-elements/./reader/reader.scss","webpack://epfl-elements/./assets/config/bootstrap-variables.scss"],"sourcesContent":["@import '../../variables';\n\n.tlbx-table-wrapper {\n max-width: 100%;\n overflow-x: auto;\n}\n\n.tlbx-table {\n width: 100%;\n border-collapse: collapse;\n\n td,\n th {\n border-top: 1px solid $alto;\n padding: 0.75em;\n }\n\n thead th {\n border-bottom: 4px solid $alto;\n vertical-align: bottom;\n\n .tblx-muted {\n display: inline-block;\n line-height: 1.1em;\n }\n }\n\n th,\n td:not([scope]) {\n text-align: center;\n vertical-align:middle;\n }\n}\n\n.tlbx-contrast-color {\n display: flex;\n align-items: center;\n text-align: left;\n}\n\n.tlbx-contrast-color .tlbx-contrast-color-thumb {\n margin-right: 10px;\n}\n\n.tlbx-contrast-color-thumb,\n.tlbx-contrast-none {\n display: inline-flex;\n width: 40px;\n height: 40px;\n}\n\n.tlbx-contrast-color-thumb {\n font-size: 1.2rem;\n font-weight: bold;\n align-items: center;\n justify-content: center;\n}\n\n.tlbx-contrast-none {\n position: relative;\n background-color: #eee;\n overflow: hidden;\n}\n\n.tlbx-contrast-none:after {\n content: '';\n position: absolute;\n top: 1px;\n bottom: 1px;\n left: 0;\n width: 200%;\n border-width: 40px;\n border-style: solid;\n border-color: transparent white;\n}\n\n.tlbx-contrast-text {\n display: inline-block;\n width: 100%;\n font-size: 2rem;\n font-weight: bold;\n text-align: center;\n}\n\n.tlbx-color-swatch-color .btn {\n opacity: 0;\n transition: opacity 200ms;\n}\n\n.tlbx-color-swatch-color:hover .btn {\n opacity: 1;\n}\n\n.tblx-muted { opacity: 0.5; }\n\n.custom-controls-stacked {\n padding: 1em 0;\n line-height: 2em;\n label { display: block; }\n}\n\n.custom-control-input + span + span {\n cursor: pointer;\n color: $color-primary;\n &:before { content: \"\\2022 \"; }\n}\n\n.custom-control-input:checked + span + span {\n color: #000;\n &:before { content: \"\\25ba \"; }\n}\n","\n// Colors\n$black: #010a15;\n$white: #f0f0f0;\n$color-primary: #003baf;\n$color-secondary-light: #3474a8;\n$color-secondary-dark: #012f4d;\n$gray-lighter: #f2f2f4;\n$alto: #d8d8d8;\n\n\n$body-color: $black;\n$body-bg: $white;\n$link-color: $color-secondary-light;\n$link-hover-color: $color-secondary-dark;\n\n$toolbar-width: 60px;\n","@import '../../variables';\n\n.tlbx-color-swatch-wrapper {\n display: flex;\n flex-wrap: wrap;\n}\n\n.tlbx-color-swatch {\n flex: 0 0 14%;\n padding-right: 1.6%;\n margin: 1em 0;\n margin-bottom: 2em;\n}\n\n.tlbx-color-swatch-color {\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 150px;\n height: 12vh;\n\n &:hover .tlbx-color-swatch-btn { opacity: 1; }\n}\n\n.tlbx-color-swatch-btn {\n display: inline-block;\n margin: 0 auto;\n padding: 1em;\n background: $color-primary;\n border: none;\n color: $white;\n transition: opacity 0.3s;\n opacity: 0;\n &:hover { cursor: pointer; }\n}\n\n.tlbx-color-swatch-infos {\n h5 { margin: 0.5em 0; }\n h6 {\n text-transform: uppercase;\n margin: 0.5em 0;\n }\n}\n","@import '../../variables';\n\n.tlbx-sidebar-item {\n display: flex;\n width: 100%;\n margin: 0 0 0.5rem 0;\n background: none;\n border: 0;\n font-size: 1rem;\n padding-right: 1rem;\n padding-left: 1rem;\n cursor: pointer;\n text-transform: capitalize;\n\n &:hover {\n color: $link-hover-color;\n }\n\n &:focus,\n &:active {\n outline: none;\n box-shadow: none;\n }\n\n &:after {\n content: '';\n display: block;\n width: 0;\n height: 0;\n font-size: 0;\n line-height: 0;\n align-self: center;\n margin-left: auto;\n margin-right: 1rem;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid $link-color;\n }\n\n .tlbx-open & {\n &:after {\n transform: rotate(180deg);\n }\n }\n}\n\n.tlbx-sidebar-collapse {\n transition: height 250ms cubic-bezier(.4, 0, .2, 1);\n}\n\n.tlbx-sidebar-item-list {\n margin-top: 0;\n list-style: none;\n padding: 0;\n\n strong,\n em { padding-left: 2rem; }\n\n a {\n display: block;\n position: relative;\n padding: 0.25rem 0.5rem 0.25rem;\n padding-left: 2rem;\n color: $body-color;\n transition: color 250ms ease;\n\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n border-left: 0 solid $link-color;\n transition: border-width 100ms ease;\n }\n\n &.active,\n &:hover {\n color: $link-color;\n text-decoration: none;\n\n &:before {\n border-left-width: 4px;\n }\n }\n\n &.active {\n font-weight: bold;\n }\n\n }\n\n li { padding: 0; }\n\n ul a,\n ul strong,\n ul em { padding-left: 3rem; }\n ul ul a,\n ul ul strong,\n ul ul em { padding-left: 4rem; }\n ul ul ul a,\n ul ul ul strong,\n ul ul ul em { padding-left: 5rem; }\n}\n\n.tlbx-sidebar-item-list-empty {\n display: block;\n margin-left: 1rem;\n}\n","@import '../../variables';\n\n.tlbx-sidebar {\n padding: 1em 0;\n\n a {\n color: $body-color;\n text-decoration: none;\n border-bottom: none;\n }\n\n @media only screen and (max-width: 767px) {\n margin-bottom: 3rem;\n }\n}\n\n.tlbx-sidebar-title {\n margin: 0 1rem;\n font-size: 1rem;\n margin-top: 0.5rem;\n\n span {\n font-weight: 200;\n }\n}\n\n.tlbx-sidebar-version {\n margin: 0.5rem 1rem;\n margin-bottom: 1.5rem;\n font-size: 0.8rem;\n font-weight: 200;\n}\n","@import '../../variables';\n\n.tlbx-item-preview {\n position: relative;\n\n .tlbx-item & {\n padding: 1.5rem;\n border: 2px solid $gray-lighter;\n }\n}\n\n.tlbx-item-code {\n margin-top: 0;\n\n pre {\n margin-top: 0;\n max-height: 80vh;\n\n code { font-family: Monaco, monospace; }\n .react-syntax-highlighter-line-number { line-height: 1.47em; }\n }\n}\n\n.tlbx-actions {\n display: flex;\n justify-content: flex-end;\n margin-bottom: -0.8rem;\n}\n\n.tlbx-actions-link {\n position: relative;\n padding: 0 0.5em;\n border: 1px solid $link-color;\n font-size: 12px;\n color: $link-color;\n z-index: 1;\n background-color: #fff;\n border-radius: 3px;\n text-decoration: none;\n\n &:hover {\n color: $link-hover-color;\n border-color: $link-hover-color;\n text-decoration: none;\n }\n}\n\n.tlbx-hidden {\n display: none;\n}\n","@import '../../variables';\n\n.tlbx-notes {\n max-width: 700px;\n line-height: 1.55em;\n}\n\n.tlbx-single-full {\n min-height: 100vh;\n\n .tlbx-item-preview {\n border: 0;\n }\n\n .tlbx-single-full-intro h1 {\n margin: 0;\n font-size: 1rem;\n }\n}\n\n.tlbx-single-full-intro {\n padding: 1rem;\n background-color: $gray-lighter;\n}\n\n.tlbx-variant-heading {\n margin-top: 1.2em;\n}\n","@import '../../variables';\n\n$icon-size-base: 1em;\n\n.tblx-icon {\n display: inline-flex;\n position: relative;\n top: 0.1em;\n width: $icon-size-base;\n height: $icon-size-base;\n font-size: 1em;\n line-height: 1em;\n color: inherit;\n transition: transform 0.2s;\n align-self: center;\n fill: currentColor;\n}\n","@import '../../variables';\n\n.tlbx-toolbar {\n display: flex;\n flex-direction: column;\n max-width: 100%;\n justify-content: space-between;\n\n @media only screen and (max-width: 767px) {\n flex-direction: row;\n justify-content: flex-end;\n }\n}\n\n.tlbx-toolbar-btn {\n display: inline-flex;\n width: $toolbar-width - 10px;\n height: 50px;\n background: none;\n border: none;\n font-size: 1.4em;\n font-weight: 900;\n color: #fff;\n align-items: center;\n justify-content: center;\n opacity: 1;\n\n &:hover { cursor: pointer; }\n\n &:focus,\n &:active {\n outline: none;\n box-shadow: none;\n }\n\n &.tlbx-active { opacity: 0.5; }\n\n @media only screen and (max-width: 767px) {\n padding: 0;\n font-size: 20px;\n &.tlbx-brand { margin-right: auto; }\n }\n}\n\n.tlbx-toolbar-toggle-menu {\n display: none;\n\n @media only screen and (max-width: 767px) {\n display: flex;\n }\n}\n","@import '../../variables';\n\nbody {\n margin: 0;\n padding: 0;\n}\n\n.tlbx-h2 { text-align: center; }\n\n.styleguide {\n display: grid;\n grid-template-columns: $toolbar-width 240px 1fr;\n min-height: 100vh;\n max-width: 100%;\n font-family: inherit, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n color: inherit;\n\n @media only screen and (max-width: 767px) {\n display: block;\n overflow: hidden;\n }\n}\n\n.tlbx-toolbar-wrapper {\n display: flex;\n flex: 0 0 $toolbar-width;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: $toolbar-width;\n padding: 5px;\n color: white;\n\n flex-direction: column;\n\n z-index: 999;\n box-sizing: border-box;\n grid-column: 1;\n background-color: $color-primary;\n\n @media only screen and (max-width: 767px) {\n bottom: auto;\n width: 100%;\n }\n}\n\n.tlbx-sidebar-wrapper {\n flex: 0 0 240px;\n grid-column: 2;\n background-color: $gray-lighter;\n\n @media only screen and (max-width: 767px) {\n position: fixed;\n top: $toolbar-width;\n right: 0;\n bottom: 0;\n transform: translateX(100%);\n transition: transform 0.3s;\n z-index: 998;\n overflow-y: auto;\n min-height: 100vh;\n max-width: 240px;\n box-shadow: -3px 0 20px 0 rgba(0, 0, 0, 0.3);\n &.tlbx-sidebar-open { transform: translateX(0); }\n }\n}\n\n.tlbx-content-wrapper {\n flex: 1 1 auto;\n grid-column: 3;\n align-self: start;\n overflow: hidden;\n\n @media only screen and (max-width: 767px) {\n padding-top: $toolbar-width;\n box-sizing: border-box;\n width: 100%;\n }\n}\n\n.tlbx-content {\n padding: 1.2rem 2rem;\n}\n\n.tlbx-notes,\n.tlbx-doc-markdown-wrapper {\n table {\n max-width: 100%;\n margin-bottom: 1rem;\n }\n\n table th,\n table td {\n padding: .75rem;\n border-top: 1px solid #dee2e6;\n }\n\n table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #dee2e6;\n }\n}\n","@charset 'utf-8';\n\n@use 'sass:map';\n@import 'variables';\n@import 'bootstrap/scss/functions';\n// Import the main theme's Bootstrap config:\n@import '../assets/config/bootstrap-variables';\n\n.styleguide {\n font-family: $font-family-base;\n}\n\n.tlbx-toolbar-wrapper {\n position: static;\n\n @media screen and (min-width: 768px) {\n position: fixed;\n }\n}\n\n\n.tlbx-doc-markdown-wrapper {\n max-width: map.get($container-max-widths, 'md');\n margin: 0 auto;\n}\n\n@media screen and (min-width: 768px) {\n .tlbx-toolbar {\n position: fixed;\n }\n\n .tlbx-sidebar {\n position: fixed;\n max-height: 100vh;\n overflow-y: scroll;\n width: 240px;\n }\n}\n\n.tlbx-item-preview {\n overflow: hidden;\n}\n\n/* Dropdown and multi select needs `overflow: visible` to allow it to\n escape its container. */\n.tlbx-item-preview.tlbx-element-dropdown,\n.tlbx-item-preview.tlbx-element-select-multiple,\n.tlbx-item-preview.tlbx-element-breadcrumb-dropdown {\n overflow: visible;\n}\n\n.tlbx-sidebar button.tlbx-sidebar-item {\n &:focus,\n &:focus-visible {\n outline: revert !important;\n }\n}\n\n\n.tlbx-sidebar-item-list {\n margin-left: 0;\n padding: 0;\n\n a {\n padding: 0.25rem 0.5rem;\n padding-left: 2rem;\n background: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n &.active { color: $red !important; }\n }\n\n li:before { content: none; }\n}\n\n.tlbx-item-preview.tlbx-picture img { width: auto; }\n.tlbx-item-preview.tlbx-component-popover .popover { position: static; }\n\n.tlbx-event-teaser-event-teaser-large {\n .event-teaser {\n max-width: 800px;\n }\n}\n\n#styleguide .tlbx-sidebar-item-list li {\n a {\n position: relative;\n z-index: $zindex-1;\n\n &:before {\n content: none;\n }\n\n &:after {\n content: ' ';\n position: absolute;\n z-index: $zindex-background;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: #e0e0e0;\n border: none;\n transform: scaleX(0);\n transform-origin: 0 50%;\n transition: none;\n }\n }\n\n a:focus,\n a.active,\n a:active {\n font-weight: normal !important;\n\n &:after {\n transform: scaleX(1);\n transition: 0.4s ease-out;\n }\n }\n}\n\n.tlbx-notes {\n code {\n padding: 0.05em 0.1em;\n border-radius: 2px;\n background-color: rgba($red, 0.3);\n border: 1px solid rgba($red, 0.3);\n }\n}\n\n.tlbx-item-code {\n pre code {\n display: flex;\n flex-direction: column;\n\n > span {\n &:hover {\n background-color: rgba($white, 0.05);\n }\n }\n }\n}\n\n.tlbx-component-access-nav {\n position: relative;\n padding-bottom: 45px;\n\n &:after {\n content: 'Focus here and press <Tab>.';\n color: $text-muted;\n }\n\n .access-nav {\n position: static;\n\n li a {\n position: absolute;\n }\n }\n}\n\n.tlbx-component-nav-toggle-mobile {\n .nav-toggle-mobile {\n display: flex !important;\n margin-left: 0;\n }\n}\n\n.tlbx-component-search {\n .d-lg-none {\n display: block !important;\n }\n}\n\n.tlbx-component-nav {\n min-height: 250px;\n padding: 0;\n\n .nav-toggle .nav-main {\n position: absolute;\n }\n\n @media (min-width: 1200px) {\n .desktop-menu-open .nav-toggle .nav-main {\n left: 20px;\n }\n }\n}\n","// 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@use 'sass:math';\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #e6e6e6 !default;\n$gray-200: #d5d5d5 !default;\n$gray-300: #c1c1c1 !default;\n$gray-500: #8e8e8e !default;\n$gray-600: #707070 !default;\n$black: #212121 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"600\": $gray-600,\n), $grays);\n\n$blue: #4a90e2!default;\n$red: #ff0000 !default;\n$red-dark:#b51f1f !default;\n$orange: #f5a623 !default;\n$green: #7ed321 !default;\n\n$green-text: #699b32;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"red\": $red,\n \"orange\": $orange,\n \"green\": $green,\n \"white\": $white\n), $colors);\n\n$primary: $red !default;\n$secondary: $white !default;\n$success: $green !default;\n$info: $blue !default;\n$warning: $orange !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $black !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\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), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $black !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3),\n gutter: 16px, // == $grid-gutter-width\n 6: ($spacer * 6),\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $black !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $body-color !default;\n$link-decoration: underline !default;\n$link-hover-color: theme-color('primary') !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1600px,\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 32px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-200 !default;\n\n$border-radius: 2px !default;\n$border-radius-lg: 4px !default;\n$border-radius-sm: 2px !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n// official font is Suisse Int'l, but the license only allow to host\n// on a epfl domain, so we set it to Arial, the official fallback\n$font-family-sans-serif: Arial, sans-serif, !default;\n$font-family-monospace: monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .83) !default;\n$font-size-xs: 0.778rem;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 3 !default;\n$h2-font-size: $font-size-base * 2.33 !default;\n$h3-font-size: $font-size-base * 1.78 !default;\n$h4-font-size: $font-size-base * 1.44 !default;\n$h5-font-size: $font-size-base * 1.17 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: math.div($spacer, 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: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !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.28) !default;\n$lead-font-weight: 400 !default;\n\n$small-font-size: $font-size-sm !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.44) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: transparentize($red, 0.8) !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .6rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-200 !default;\n$table-border-color-light: $gray-100;\n\n$table-head-bg: lighten($gray-100, 5.49) !default;\n$table-head-color: $gray-600 !default;\n\n$table-dark-bg: $black !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($black, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .35rem !default;\n$input-btn-padding-x-sm: .7rem !default;\n$input-btn-line-height-sm: $line-height-sm * 1.05 !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !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//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: 0.68rem !default;\n$btn-padding-x: 1.4rem !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-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: 1rem !default;\n$btn-padding-x-lg: 2rem !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: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\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-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !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-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-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-100 !default;\n\n$input-color: $black !default;\n$input-border-color: $gray-500 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !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-bg: $input-bg !default;\n$input-focus-border-color: $black !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: 0 0 0 1px $gray-200 !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .55rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $white !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $black !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\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\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $black !default;\n$dropdown-link-hover-color: darken($black, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-background: -1 !default;\n$zindex-0: 0 !default;\n$zindex-1: 1 !default;\n$zindex-5: 5 !default;\n$zindex-10: 10 !default;\n$zindex-breadcrumbs: 110 !default;\n$zindex-search-mobile: 120 !default;\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n$zindex-nav-overlay: 1100 !default;\n$zindex-nav: 1110 !default;\n$zindex-toggle: 1120 !default;\n$zindex-gallery-opened: 1120 !default;\n$zindex-mobile-lang: 1140 !default;\n$zindex-access-nav: 3003 !default;\n$zindex-cookie-consent: 4004 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-200 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-600 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $nav-tabs-border-color $nav-tabs-border-color $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: math.div($spacer, 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: math.div($nav-link-height - $navbar-brand-height, 2) !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .25rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .25rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: .25rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: theme-color('primary') !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-200 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $pagination-bg !default;\n$pagination-hover-border-color: $gray-600 !default;\n\n$pagination-active-color: $gray-600 !default;\n$pagination-active-bg: $gray-100 !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-200 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: 0.9rem !default;\n$card-spacer-x: 1.35rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: $gray-200 !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: transparent !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: $card-spacer-x !default;\n\n$card-group-margin: math.div($grid-gutter-width, 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 296px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: $gray-200 !default;\n$popover-border-radius: 0 !default;\n$popover-box-shadow: none !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $gray-600 !default;\n$popover-header-padding-y: math.div($grid-gutter-width, 2) !default;\n$popover-header-padding-x: math.div($grid-gutter-width, 2) !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: 10px !default;\n$popover-arrow-height: 10px !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: $popover-border-color !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: 0.4rem !default;\n$alert-padding-x: 0.6rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: 0 !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: 0 !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-600 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: $font-size-sm !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 2 !default;\n$close-font-weight: $font-weight-light !default;\n$close-color: $gray-600 !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $red !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $black !default;\n\n$pre-color: $black !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n"],"names":[],"sourceRoot":""}
package/dist/docs/contribute/support-and-request.html CHANGED
@@ -61,14 +61,13 @@
61
61
  <p>
62
62
  Elements is supporting the following browsers and versions:
63
63
  <ul>
64
- <li>Chrome 63, 64+</li>
65
- <li>Chrome for Android 64+</li>
66
- <li>Firefox 57, 58+</li>
67
- <li>Safari 10.1, 11+</li>
68
- <li>Safari iOS 10.3, 11+</li>
69
- <li>Internet Explorer 11</li>
70
- <li>Edge 15, 16+</li>
71
- <li>Opera 49, 50+</li>
64
+ <li>Chrome 123, 124+</li>
65
+ <li>Chrome for Android 123, 124+</li>
66
+ <li>Firefox 125, 126+</li>
67
+ <li>Safari 17.4, 17.5+</li>
68
+ <li>Safari iOS 16.6, 16.7+</li>
69
+ <li>Edge 124, 125+</li>
70
+ <li>Opera 109, 110+</li>
72
71
  </ul>
73
72
  </p>
74
73
  </div>