epfl-elements 4.1.0 → 4.2.0

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 (14) hide show
  1. package/dist/css/elements.css +9 -0
  2. package/dist/css/elements.min.css +1 -1
  3. package/dist/css/elements.min.css.map +1 -1
  4. package/dist/css/reader.min.css.map +1 -1
  5. package/dist/images/email/epfl-logo.png +0 -0
  6. package/dist/images/email/square.png +0 -0
  7. package/dist/js/elements.js +28 -93
  8. package/dist/js/elements.min.js +1 -1
  9. package/dist/js/elements.min.js.map +1 -1
  10. package/dist/js/reader.js +57779 -57786
  11. package/dist/js/reader.min.js +1 -1
  12. package/dist/js/reader.min.js.map +1 -1
  13. package/dist/package.json +26 -15
  14. package/package.json +31 -15
package/dist/css/reader.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"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"],"names":[],"mappings":"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","file":"css/reader.min.css","sourcesContent":["@import '../../variables.scss';\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 line-height: 1.1em;\n display: inline-block;\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 align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.2rem;\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 left: 0;\n top: 1px;\n bottom: 1px;\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-weight: bold;\n font-size: 2rem;\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.scss';\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 opacity: 0;\n display: inline-block;\n margin: 0 auto;\n padding: 1em;\n background: $color-primary;\n color: $white;\n border: none;\n transition: opacity 0.3s;\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.scss';\n\n.tlbx-sidebar-item {\n display: flex;\n margin: 0 0 0.5rem 0;\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem;\n border: 0;\n background: none;\n cursor: pointer;\n text-transform: capitalize;\n font-size: 1rem;\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 line-height: 0;\n align-self: center;\n margin-left: auto;\n margin-right: 1rem;\n display: block;\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid $link-color;\n font-size: 0;\n line-height: 0;\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.scss';\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 font-size: 1rem;\n margin: 0 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\n","@import '../../variables.scss';\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 z-index: 1;\n padding: 0 0.5em;\n border: 1px solid $link-color;\n background-color: #fff;\n border-radius: 3px;\n color: $link-color;\n font-size: 12px;\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.scss';\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 font-size: 1rem;\n margin: 0;\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.scss';\n\n$icon-size-base: 1em;\n\n.tblx-icon {\n display: inline-flex;\n align-self: center;\n position: relative;\n top: 0.1em;\n width: $icon-size-base;\n height: $icon-size-base;\n line-height: 1em;\n font-size: 1em;\n color: inherit;\n fill: currentColor;\n transition: transform 0.2s;\n}\n","@import '../../variables.scss';\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 align-items: center;\n justify-content: center;\n width: $toolbar-width - 10px;\n height: 50px;\n border: none;\n background: none;\n color: #fff;\n font-weight: 900;\n font-size: 1.4em;\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.scss';\n\nbody {\n margin: 0;\n padding: 0;\n}\n\n.tlbx-h2 { text-align: center; }\n\n.styleguide {\n display: flex;\n display: -ms-grid;\n display: grid;\n -ms-grid-template-columns: 60px 240px 1fr;\n grid-template-columns: 60px 240px 1fr;\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 position: fixed;\n display: flex;\n flex-direction: column;\n padding: 5px;\n z-index: 999;\n top: 0;\n left: 0;\n bottom: 0;\n width: $toolbar-width;\n box-sizing: border-box;\n flex: 0 0 $toolbar-width;\n grid-column: 1;\n background-color: $color-primary;\n color: white;\n\n @media only screen and (max-width: 767px) {\n width: 100%;\n bottom: auto;\n }\n}\n\n.tlbx-sidebar-wrapper {\n flex: 0 0 240px;\n -ms-grid-column: 2;\n grid-column: 2;\n background-color: $gray-lighter;\n\n @media only screen and (max-width: 767px) {\n position: fixed;\n z-index: 998;\n top: $toolbar-width;\n bottom: 0;\n right: 0;\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 transform: translateX(100%);\n transition: transform 0.3s;\n &.tlbx-sidebar-open { transform: translateX(0); }\n }\n}\n\n.tlbx-content-wrapper {\n flex: 1 1 auto;\n -ms-grid-column: 3;\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@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 needs `overflow: visible` to allow it to\n escape its container. */\n.tlbx-item-preview.tlbx-component-dropdown {\n overflow: visible;\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-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-200 !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"],"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,iCAEE,oBAAqB,CADrB,iBAAN,CAKE,2CAEE,iBAAkB,CAClB,qBAHJ,CAOA,qBAEE,iEAAmB,CADnB,oDAAa,CAEb,eAJF,CAOA,gDACE,iBAJF,CAOA,+CAEE,yEAAoB,CAEpB,WAAY,CADZ,UAHF,CAOA,2BACE,+CACA,6CADA,kBAAmB,CAGnB,gBAAiB,CADjB,eAAiB,CADjB,sBAFF,CAOA,oBAEE,qBAAsB,CACtB,eAAgB,CAFhB,iBAFF,CAOA,0BASE,6BAA+B,CAA/B,kBAA+B,CAA/B,iBAA+B,CAJ/B,UAAW,CAJX,WAEA,MAAO,CADP,iBAAkB,CAElB,OAAQ,CAER,UADF,CAOA,oBACE,oBAAqB,CAGrB,cAAe,CADf,eAAiB,CAEjB,iBAAkB,CAHlB,UADF,CAOA,8BACE,SAAU,CACV,qDAJF,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,oDAAa,CACb,iCADF,CAIA,mBACE,gDAAa,CAGb,gBAAkB,CAFlB,kBACF,CAIA,yBAEE,yDACA,6CAFA,oDAAa,CACb,+CAAsB,CAEtB,YAAa,CACb,WAAY,CAFZ,sBACF,CAGE,sDAAiC,SAAnC,CAGA,uBAKE,kBDzBc,CC2Bd,WAAY,CADZ,aD3BM,CCuBN,oBAAqB,CACrB,aAAc,CAFd,SAAU,CAGV,WAAY,CAIZ,qDAAF,CACE,6BAAU,cAEZ,CAEE,4BAAK,aAEP,CADE,4BAEE,aAAe,CADf,wBAIJ,CCzCA,mBAOE,eAAgB,CADhB,QAAS,CAET,cAAe,CAPf,oDAAa,CASb,cAAe,CARf,gBAAoB,CAGpB,iBAAkB,CADlB,kBAAmB,CAKnB,yBAA0B,CAN1B,UAMF,CAGE,yBACE,aADJ,CAIE,mDAGE,uCAAgB,CADhB,YAFJ,CAME,yBAGE,4CAAkB,CAMlB,iCAAkC,CAClC,kCAAmC,CACnC,6BAVA,WAKA,aAAc,CAMd,WAAY,CAJZ,QAAS,CAKT,aAAc,CATd,gBAAiB,CACjB,iBAAkB,CAElB,OAEJ,CAQI,oCACE,yDANN,CAWA,uBACE,qGARF,CAWA,wBAEE,eAAgB,CADhB,YANF,CAUE,0DACK,iBAPP,CASE,0BAKE,aF9DI,CE0DJ,aAAc,CACd,iBAAkB,CAIlB,6DAPJ,CASI,iCAME,4BALA,WAIA,WAAY,CADZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAIN,yEAPN,CAUI,iEAEE,aF1EkB,CE2ElB,oBATN,CAWM,+EACE,qBATR,CAaI,iCACE,eAXN,CAgBE,2BAAK,SAbP,CAeE,6FAEQ,iBAZV,CAaE,sGAEW,iBAVb,CAWE,+GAEc,iBARhB,CAWA,8BACE,aAAc,CACd,gBARF,CClGA,cACE,aADF,CAGE,gBAGE,kBAAmB,CAFnB,aHJI,CGKJ,oBAAJ,CAIE,yCATF,cAUI,kBADF,CACF,CAIA,oBACE,cAAe,CAEf,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,cAEE,uCADA,oDAAa,CACb,wBAAyB,CACzB,oBAAF,CAGA,mBAKE,qBAAsB,CADtB,yBAEA,iBAAkB,CAClB,aJ/BsB,CIgCtB,cAAe,CALf,cAAgB,CAFhB,iBAAkB,CAQlB,oBAAqB,CAPrB,SAOF,CAEE,yBAEE,oBJpCmB,CImCnB,aJnCmB,CIqCnB,oBAAJ,CAIA,aACE,YADF,CC7CA,YAEE,kBAAmB,CADnB,eAAF,CAIA,kBACE,gBADF,CAGE,qCACE,QADJ,CAIE,6CACE,cAAe,CACf,QAFJ,CAMA,wBAEE,wBLfa,CKcb,YAFF,CAMA,sBACE,gBAHF,CCnBA,WAEE,2BAQA,iBAAkB,CARlB,iBAAkB,CAOlB,aAAc,CARd,yEAAoB,CAOpB,aAAc,CAFd,UARe,CASf,eAAgB,CAJhB,iBAAkB,CAClB,QAAU,CAOV,kGAA0B,CAA1B,+CANA,SAGF,CCVA,cAEE,yDAEA,+CAHA,oDAAa,CACb,+CAAsB,CAEtB,6BAA8B,CAD9B,cAAF,CAGE,yCANF,cAOI,2DACA,uCADA,yCAAmB,CACnB,wBAAF,CACF,CAGA,kBAEE,+CACA,6CADA,kBAAmB,CAKnB,eAAgB,CADhB,WAAY,CAEZ,UAAW,CAPX,yEAAoB,CASpB,eAAgB,CADhB,eAAgB,CAJhB,WAAY,CAFZ,sBAAuB,CAQvB,SAAU,CAPV,UAOF,CAEE,wBAAU,cACZ,CACE,iDAGE,uCAAgB,CADhB,YACJ,CAGE,8BAAgB,UAAlB,CAEE,yCAvBF,kBAyBI,cAAe,CADf,SAEF,CAAE,6BAAe,iBAGjB,CACF,2BACE,YAGF,CADE,yCAHF,0BAII,oDAIF,CACF,CCnDA,KACE,QAAS,CACT,SADF,CAIA,SAAW,iBAAX,CAEA,YAUE,aAAc,CATd,oDAAa,CACb,gBAAiB,CACjB,YAAa,CAMb,oGAAgH,CALhH,wCAAyC,CAEzC,qCAEA,cAAe,CADf,gBAIF,CACE,yCAZF,YAaI,aAAc,CACd,eAEF,CACF,CACA,sBAGE,yDAQA,mBAEA,wBRpCc,CQ+Bd,QAAS,CAET,mDAAsB,CAItB,UAAY,CAZZ,oDAAa,CASb,gCARA,+CAAsB,CAStB,aAAc,CALd,MAAO,CAHP,WAAY,CAHZ,cAAe,CAKf,KAAM,CAGN,URpBc,CQgBd,WAWF,CAAE,yCAhBF,sBAkBI,WAAY,CADZ,UAIF,CACF,uBACE,mBAGA,wBR9Ca,CQ2Cb,iCAAe,CACf,iBAAkB,CAClB,aAIF,CADE,yCANF,sBAUI,QAAS,CAKT,uFAA4C,CAD5C,eAAgB,CADhB,gBAAiB,CADjB,eAAgB,CALhB,cAAe,CAIf,OAAQ,CAFR,QR1CY,CQiDZ,6DAA2B,CAC3B,kGAA0B,CAA1B,+CATA,WAaF,CAHE,wCAAsB,uDAMxB,CACF,CAHA,sBACE,mBAGA,gBAAiB,CAHjB,+BAAc,CACd,iBAAkB,CAClB,aAAc,CAEd,eAMF,CAJE,yCAPF,sBASI,mDAAsB,CADtB,gBR/DY,CQiEZ,UAOF,CACF,CAJA,cACE,mBAOF,CAFE,mDAEE,kBAAmB,CADnB,cAOJ,CAHE,kHAGE,4BAA6B,CAD7B,cAQJ,CAJE,qEAEE,+BAAgC,CADhC,qBAQJ,CCxGA,YACE,4BANF,CASA,sBACE,eANF,CAQE,oCAHF,sBAII,cALF,CACF,CASA,2BAEE,aAAc,CADd,eALF,CASA,oCAKE,4BAHE,cAAF,CAGA,cAEE,gBAAiB,CACjB,iBAAkB,CAClB,WAPF,CACF,CAUA,mBACE,eARF,CAaA,2CACE,gBARF,CAYA,wBACE,aAAc,CACd,SATF,CAWE,0BAGE,yBAA2B,CAC3B,4BAA8B,CAC9B,2DAA2B,CAH3B,gCANJ,CAUI,iCAAW,mBAPf,CAUE,kCAAY,YAPd,CAUA,oCAAsC,UANtC,CAOA,mDAAqD,eAHrD,CAME,oDACE,eAHJ,CAQE,yCACE,iBAAkB,CAClB,SALJ,CAOI,gDACE,YALN,CAQI,+CAQE,kBAAmB,CACnB,WAAY,CAHZ,QAAS,CALT,YAMA,MAAO,CALP,iBAAkB,CAGlB,OAAQ,CADR,KAAM,CAMN,+CAAoB,CACpB,qDAAuB,CACvB,uCAAgB,CAThB,UAGN,CAUE,+IAGE,yBARJ,CAUI,iKACE,+CAAoB,CACpB,uDANN,CAYE,iBAGE,kCACA,kCAFA,iBAAkB,CADlB,kBANJ,CAcE,yBAEE,yDADA,oDAAa,CACb,+CAXJ,CAcM,oCACE,mCAZR,CAkBA,2BAEE,mBAAoB,CADpB,iBAdF,CAiBE,iCAEE,aC3HO,CD0HP,qCAdJ,CAkBE,uCACE,eAhBJ,CAkBI,4CACE,iBAhBN,CAsBE,qDACE,kFAAwB,CACxB,aAnBJ,CAwBE,kCACE,uBArBJ,CAyBA,oBACE,gBAAiB,CACjB,SAtBF,CAwBE,0CACE,iBAtBJ,CAyBE,0BACE,6DACE,SAvBJ,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.scss';\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 line-height: 1.1em;\n display: inline-block;\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 align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.2rem;\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 left: 0;\n top: 1px;\n bottom: 1px;\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-weight: bold;\n font-size: 2rem;\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.scss';\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 opacity: 0;\n display: inline-block;\n margin: 0 auto;\n padding: 1em;\n background: $color-primary;\n color: $white;\n border: none;\n transition: opacity 0.3s;\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.scss';\n\n.tlbx-sidebar-item {\n display: flex;\n margin: 0 0 0.5rem 0;\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem;\n border: 0;\n background: none;\n cursor: pointer;\n text-transform: capitalize;\n font-size: 1rem;\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 line-height: 0;\n align-self: center;\n margin-left: auto;\n margin-right: 1rem;\n display: block;\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid $link-color;\n font-size: 0;\n line-height: 0;\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.scss';\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 font-size: 1rem;\n margin: 0 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\n","@import '../../variables.scss';\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 z-index: 1;\n padding: 0 0.5em;\n border: 1px solid $link-color;\n background-color: #fff;\n border-radius: 3px;\n color: $link-color;\n font-size: 12px;\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.scss';\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 font-size: 1rem;\n margin: 0;\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.scss';\n\n$icon-size-base: 1em;\n\n.tblx-icon {\n display: inline-flex;\n align-self: center;\n position: relative;\n top: 0.1em;\n width: $icon-size-base;\n height: $icon-size-base;\n line-height: 1em;\n font-size: 1em;\n color: inherit;\n fill: currentColor;\n transition: transform 0.2s;\n}\n","@import '../../variables.scss';\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 align-items: center;\n justify-content: center;\n width: $toolbar-width - 10px;\n height: 50px;\n border: none;\n background: none;\n color: #fff;\n font-weight: 900;\n font-size: 1.4em;\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.scss';\n\nbody {\n margin: 0;\n padding: 0;\n}\n\n.tlbx-h2 { text-align: center; }\n\n.styleguide {\n display: flex;\n display: -ms-grid;\n display: grid;\n -ms-grid-template-columns: 60px 240px 1fr;\n grid-template-columns: 60px 240px 1fr;\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 position: fixed;\n display: flex;\n flex-direction: column;\n padding: 5px;\n z-index: 999;\n top: 0;\n left: 0;\n bottom: 0;\n width: $toolbar-width;\n box-sizing: border-box;\n flex: 0 0 $toolbar-width;\n grid-column: 1;\n background-color: $color-primary;\n color: white;\n\n @media only screen and (max-width: 767px) {\n width: 100%;\n bottom: auto;\n }\n}\n\n.tlbx-sidebar-wrapper {\n flex: 0 0 240px;\n -ms-grid-column: 2;\n grid-column: 2;\n background-color: $gray-lighter;\n\n @media only screen and (max-width: 767px) {\n position: fixed;\n z-index: 998;\n top: $toolbar-width;\n bottom: 0;\n right: 0;\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 transform: translateX(100%);\n transition: transform 0.3s;\n &.tlbx-sidebar-open { transform: translateX(0); }\n }\n}\n\n.tlbx-content-wrapper {\n flex: 1 1 auto;\n -ms-grid-column: 3;\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@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 needs `overflow: visible` to allow it to\n escape its container. */\n.tlbx-item-preview.tlbx-component-dropdown {\n overflow: visible;\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-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-200 !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/images/email/epfl-logo.png ADDED
Binary file
package/dist/images/email/square.png ADDED
Binary file
package/dist/js/elements.js CHANGED
@@ -59,7 +59,7 @@ module.exports = function (key) {
59
59
 
60
60
  "use strict";
61
61
 
62
- var charAt = __webpack_require__(28710).charAt;
62
+ var charAt = (__webpack_require__(28710).charAt);
63
63
 
64
64
  // `AdvanceStringIndex` abstract operation
65
65
  // https://tc39.es/ecma262/#sec-advancestringindex
@@ -465,25 +465,6 @@ module.exports = !fails(function () {
465
465
  });
466
466
 
467
467
 
468
- /***/ }),
469
-
470
- /***/ 14230:
471
- /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
472
-
473
- var requireObjectCoercible = __webpack_require__(84488);
474
-
475
- var quot = /"/g;
476
-
477
- // `CreateHTML` abstract operation
478
- // https://tc39.es/ecma262/#sec-createhtml
479
- module.exports = function (string, tag, attribute, value) {
480
- var S = String(requireObjectCoercible(string));
481
- var p1 = '<' + tag;
482
- if (attribute !== '') p1 += ' ' + attribute + '="' + String(value).replace(quot, '&quot;') + '"';
483
- return p1 + '>' + S + '</' + tag + '>';
484
- };
485
-
486
-
487
468
  /***/ }),
488
469
 
489
470
  /***/ 24994:
@@ -491,7 +472,7 @@ module.exports = function (string, tag, attribute, value) {
491
472
 
492
473
  "use strict";
493
474
 
494
- var IteratorPrototype = __webpack_require__(13383).IteratorPrototype;
475
+ var IteratorPrototype = (__webpack_require__(13383).IteratorPrototype);
495
476
  var create = __webpack_require__(70030);
496
477
  var createPropertyDescriptor = __webpack_require__(79114);
497
478
  var setToStringTag = __webpack_require__(58003);
@@ -747,7 +728,7 @@ module.exports = [
747
728
  /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
748
729
 
749
730
  var global = __webpack_require__(17854);
750
- var getOwnPropertyDescriptor = __webpack_require__(31236).f;
731
+ var getOwnPropertyDescriptor = (__webpack_require__(31236).f);
751
732
  var createNonEnumerableProperty = __webpack_require__(68880);
752
733
  var redefine = __webpack_require__(31320);
753
734
  var setGlobal = __webpack_require__(83505);
@@ -1626,7 +1607,7 @@ module.exports = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : function (O)
1626
1607
 
1627
1608
  var has = __webpack_require__(86656);
1628
1609
  var toIndexedObject = __webpack_require__(45656);
1629
- var indexOf = __webpack_require__(41318).indexOf;
1610
+ var indexOf = (__webpack_require__(41318).indexOf);
1630
1611
  var hiddenKeys = __webpack_require__(3501);
1631
1612
 
1632
1613
  module.exports = function (object, names) {
@@ -1848,7 +1829,7 @@ var regexpFlags = __webpack_require__(67066);
1848
1829
  var stickyHelpers = __webpack_require__(52999);
1849
1830
  var shared = __webpack_require__(72309);
1850
1831
  var create = __webpack_require__(70030);
1851
- var getInternalState = __webpack_require__(29909).get;
1832
+ var getInternalState = (__webpack_require__(29909).get);
1852
1833
  var UNSUPPORTED_DOT_ALL = __webpack_require__(9441);
1853
1834
  var UNSUPPORTED_NCG = __webpack_require__(38173);
1854
1835
 
@@ -2068,7 +2049,7 @@ module.exports = function (key, value) {
2068
2049
  /***/ 58003:
2069
2050
  /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
2070
2051
 
2071
- var defineProperty = __webpack_require__(3070).f;
2052
+ var defineProperty = (__webpack_require__(3070).f);
2072
2053
  var has = __webpack_require__(86656);
2073
2054
  var wellKnownSymbol = __webpack_require__(5112);
2074
2055
 
@@ -2147,23 +2128,6 @@ module.exports = function (O, defaultConstructor) {
2147
2128
  };
2148
2129
 
2149
2130
 
2150
- /***/ }),
2151
-
2152
- /***/ 43429:
2153
- /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
2154
-
2155
- var fails = __webpack_require__(47293);
2156
-
2157
- // check the existence of a method, lowercase
2158
- // of a tag and escaping quotes in arguments
2159
- module.exports = function (METHOD_NAME) {
2160
- return fails(function () {
2161
- var test = ''[METHOD_NAME]('"');
2162
- return test !== test.toLowerCase() || test.split('"').length > 3;
2163
- });
2164
- };
2165
-
2166
-
2167
2131
  /***/ }),
2168
2132
 
2169
2133
  /***/ 28710:
@@ -2442,7 +2406,7 @@ $({ target: 'Array', proto: true, forced: FORCED }, {
2442
2406
  "use strict";
2443
2407
 
2444
2408
  var $ = __webpack_require__(82109);
2445
- var $find = __webpack_require__(42092).find;
2409
+ var $find = (__webpack_require__(42092).find);
2446
2410
  var addToUnscopables = __webpack_require__(51223);
2447
2411
 
2448
2412
  var FIND = 'find';
@@ -2518,7 +2482,7 @@ $({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {
2518
2482
  "use strict";
2519
2483
 
2520
2484
  var $ = __webpack_require__(82109);
2521
- var $map = __webpack_require__(42092).map;
2485
+ var $map = (__webpack_require__(42092).map);
2522
2486
  var arrayMethodHasSpeciesSupport = __webpack_require__(81194);
2523
2487
 
2524
2488
  var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');
@@ -2594,7 +2558,7 @@ $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
2594
2558
  /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
2595
2559
 
2596
2560
  var DESCRIPTORS = __webpack_require__(19781);
2597
- var defineProperty = __webpack_require__(3070).f;
2561
+ var defineProperty = (__webpack_require__(3070).f);
2598
2562
 
2599
2563
  var FunctionPrototype = Function.prototype;
2600
2564
  var FunctionPrototypeToString = FunctionPrototype.toString;
@@ -2690,7 +2654,7 @@ if (NOT_GENERIC || INCORRECT_NAME) {
2690
2654
 
2691
2655
  "use strict";
2692
2656
 
2693
- var charAt = __webpack_require__(28710).charAt;
2657
+ var charAt = (__webpack_require__(28710).charAt);
2694
2658
  var InternalStateModule = __webpack_require__(29909);
2695
2659
  var defineIterator = __webpack_require__(70654);
2696
2660
 
@@ -2720,26 +2684,6 @@ defineIterator(String, 'String', function (iterated) {
2720
2684
  });
2721
2685
 
2722
2686
 
2723
- /***/ }),
2724
-
2725
- /***/ 29254:
2726
- /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
2727
-
2728
- "use strict";
2729
-
2730
- var $ = __webpack_require__(82109);
2731
- var createHTML = __webpack_require__(14230);
2732
- var forcedStringHTMLMethod = __webpack_require__(43429);
2733
-
2734
- // `String.prototype.link` method
2735
- // https://tc39.es/ecma262/#sec-string.prototype.link
2736
- $({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {
2737
- link: function link(url) {
2738
- return createHTML(this, 'a', 'href', url);
2739
- }
2740
- });
2741
-
2742
-
2743
2687
  /***/ }),
2744
2688
 
2745
2689
  /***/ 4723:
@@ -8584,8 +8528,6 @@ var es_regexp_to_string = __webpack_require__(39714);
8584
8528
  });
8585
8529
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.split.js
8586
8530
  var es_string_split = __webpack_require__(23123);
8587
- // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.link.js
8588
- var es_string_link = __webpack_require__(29254);
8589
8531
  ;// CONCATENATED MODULE: ./assets/components/organisms/cookie-consent/cookie-consent.js
8590
8532
 
8591
8533
 
@@ -8626,19 +8568,13 @@ function get_cookieconsent_config() {
8626
8568
  // Translation
8627
8569
  var cookieI18n = {
8628
8570
  en: {
8629
- msg: 'By continuing your browsing on this site, you agree to the use ' + 'of cookies to improve your user experience and to make statistics ' + 'of visits.',
8630
- link: 'Read the disclaimer',
8631
- href: '//go.epfl.ch/privacy-policy'
8571
+ msg: 'When you access EPFL websites, we may set cookies on your ' + 'devices and process personal data about you in accordance with ' + 'our <a tabindex="0" class="cc-link" target="_blank" ' + 'href="//go.epfl.ch/privacy-policy">privacy policy</a>. ' + 'You can block cookies by using your browser settings.'
8632
8572
  },
8633
8573
  fr: {
8634
- msg: 'En poursuivant votre navigation sur ce site, vous acceptez ' + 'l\'utilisation de cookies pour am&eacute;liorer votre ' + 'exp&eacute;rience utilisateur et r&eacute;aliser des statistiques ' + 'de visites.',
8635
- link: 'Lire les mentions l&eacute;gales',
8636
- href: '//go.epfl.ch/protection-des-donnees'
8574
+ msg: 'Lorsque vous accédez aux sites web de l\'EPFL, nous pouvons ' + 'installer des cookies sur vos appareils et traiter des données ' + 'personnelles vous concernant conformément à notre ' + '<a tabindex="0" class="cc-link" target="_blank" ' + 'href="//go.epfl.ch/protection-des-donnees">' + 'politique de confidentialité</a>. Vous pouvez bloquer les ' + 'cookies à l\'aide des paramètres de votre navigateur.'
8637
8575
  },
8638
8576
  de: {
8639
- msg: 'Die Navigation auf dieser Seite verwendet Cookies zur ' + 'Verbesserung Ihrer Benutzererfahrung und zur Durchführung von Besucherstatistiken.',
8640
- link: 'Datenschutzerklärung lesen',
8641
- href: '//go.epfl.ch/privacy-policy'
8577
+ msg: 'Wenn Sie auf die Websites der EPFL zugreifen, können wir in ' + 'Übereinstimmung mit unserer ' + '<a tabindex="0" class="cc-link" target="_blank" ' + 'href="//go.epfl.ch/privacy-policy">Datenschutzerklärung</a> ' + 'Cookies auf Ihren Geräten speichern und Personendaten bearbeiten. ' + 'Über die Einstellungen in Ihrem Browser können Sie Cookies ' + 'blockieren.'
8642
8578
  }
8643
8579
  }; // Retrieve language, default 'fr'
8644
8580
 
@@ -8660,31 +8596,30 @@ function get_cookieconsent_config() {
8660
8596
  var hostParts = hostame.split('.').reverse();
8661
8597
 
8662
8598
  if (hostParts[0] !== undefined && hostParts[1] !== undefined) {
8663
- domain_name = hostParts[1] + '.' + hostParts[0];
8599
+ domain_name = "".concat(hostParts[1], ".").concat(hostParts[0]);
8664
8600
  }
8665
8601
  }
8666
8602
 
8667
8603
  var config = {
8668
- "theme": "classic",
8669
- "palette": {
8670
- "popup": {
8671
- "background": "rgba(69, 69, 69, 0.96)"
8604
+ theme: 'classic',
8605
+ palette: {
8606
+ popup: {
8607
+ background: 'rgba(69, 69, 69, 0.96)'
8672
8608
  },
8673
- "button": {
8674
- "background": "#b51f1f"
8609
+ button: {
8610
+ background: '#b51f1f'
8675
8611
  }
8676
8612
  },
8677
- "content": {
8678
- "message": cookieI18n[lang].msg,
8679
- "dismiss": "OK",
8680
- "link": cookieI18n[lang].link,
8681
- "href": cookieI18n[lang].href
8613
+ content: {
8614
+ message: cookieI18n[lang].msg,
8615
+ dismiss: 'OK'
8682
8616
  },
8683
- "cookie": {
8684
- "name": "petitpois",
8617
+ showLink: false,
8618
+ cookie: {
8619
+ name: 'petitpois',
8685
8620
  // Chosen by a magical unicorn!
8686
- "domain": domain_name,
8687
- "autoAttach": false // attach it manually to the end, or SEO will crawl it before any content
8621
+ domain: domain_name,
8622
+ autoAttach: false // attach it manually to the end, or SEO will crawl it before any content
8688
8623
 
8689
8624
  }
8690
8625
  };