1 line
32 KiB
Plaintext
1 line
32 KiB
Plaintext
{"version":3,"file":"user.min.css","mappings":";;;AAAA;;gDAAA;AAkBA;AACA;AACA;ACpBA,qB","sources":["webpack://phoenix-react/./src/assets/scss/theme/mixins/_buttons.scss","webpack://phoenix-react/./src/assets/scss/theme/_variables.scss"],"sourcesContent":["/*-----------------------------------------------\n| Phoenix buttons\n-----------------------------------------------*/\n// $theme-phoenix-btn-colors: (\n// 'primary': $primary,\n// 'success': $success,\n// 'info': $info,\n// 'warning': $warning,\n// 'danger': $danger,\n// 'default': $dark\n// );\n\n// @each $color, $value in $theme-phoenix-btn-colors {\n// .btn-#{$color} {\n// @include phoenix-button-variant($color);\n// }\n// }\n\n/* -------------------------------------------------------------------------- */\n/* Phoenix button */\n/* -------------------------------------------------------------------------- */\n@mixin phoenix-button-variant($color) {\n --#{$prefix}btn-active-bg: $gray-200;\n --#{$prefix}btn-active-color: $color;\n color: $color;\n background-color: $body-bg;\n border-color: $gray-200;\n box-shadow: none;\n\n @include hover-focus {\n color: $color;\n background-color: $gray-100;\n border-color: $gray-100;\n &:not(.disabled):not(:disabled) {\n color: $color;\n box-shadow: none;\n }\n }\n}\n\n@mixin button-outline-phoenix-variant(\n $color,\n $border-color,\n $color-hover: color-contrast($color),\n $active-background: $color,\n $active-border: $gray-200,\n $active-color: color-contrast($active-background)\n) {\n --#{$prefix}btn-color: #{$color};\n --#{$prefix}btn-border-color: #{$border-color};\n --#{$prefix}btn-hover-color: #{$color-hover};\n --#{$prefix}btn-hover-bg: #{$active-background};\n --#{$prefix}btn-hover-border-color: #{$active-border};\n --#{$prefix}btn-focus-shadow-rgb: #{to-rgb($color)};\n --#{$prefix}btn-active-color: #{$active-color};\n --#{$prefix}btn-active-bg: #{$active-background};\n --#{$prefix}btn-active-border-color: #{$active-border};\n --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};\n --#{$prefix}btn-disabled-color: #{$color};\n --#{$prefix}btn-disabled-bg: transparent;\n --#{$prefix}gradient: none;\n}\n","/* prettier-ignore */\n@use 'sass:math';\n@import 'colors';\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-shadows: true !default;\n$enable-negative-margins: true !default;\n\n//*-----------------------------------------------\n//| Spacing\n//----------------------------------------------\n\n$spacer: 1rem !default;\n$spacers: () !default;\n\n$spacers: map-merge(\n (\n 0: 0,\n 1: $spacer * 0.25,\n 2: $spacer * 0.5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 2,\n 6: $spacer * 2.5,\n 7: $spacer * 3,\n 8: $spacer * 3.5,\n 9: $spacer * 4,\n 10: $spacer * 4.5,\n 11: $spacer * 5,\n 12: $spacer * 6,\n 13: $spacer * 6.5,\n 14: $spacer * 7,\n 15: $spacer * 7.5\n ),\n $spacers\n);\n\n//*-----------------------------------------------\n//| Link\n//-----------------------------------------------*/\n$link-decoration: none !default;\n$link-hover-decoration: underline !default;\n$link-hover-color: $primary-text-emphasis !default;\n\n//*-----------------------------------------------\n//| Grid Breakpoints\n//-----------------------------------------------*/\n$grid-breakpoints: () !default;\n$grid-breakpoints: map-merge(\n (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1540px\n ),\n $grid-breakpoints\n);\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n// scss-docs-start container-max-widths\n$container-max-widths: () !default;\n$container-max-widths: map-merge(\n (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1184px,\n xxl: 1678px\n ),\n $container-max-widths\n);\n\n// phoenix specific variable\n$container-small-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1216px\n);\n$container-medium-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1216px,\n xxl: 1400px\n) !default;\n\n// phoenix specific variable\n$bg-opacities: (\n 10: 0.1,\n 25: 0.25,\n 50: 0.5,\n 75: 0.75,\n 85: 0.85,\n 100: 1\n) !default;\n\n$text-opacities: (\n 25: 0.25,\n 50: 0.5,\n 75: 0.75,\n 85: 0.85,\n 100: 1\n) !default;\n\n//*-----------------------------------------------\n//| Gutter\n//-----------------------------------------------*/\n$grid-gutter-width: 2rem !default;\n\n//*-----------------------------------------------\n//| Components\n//-----------------------------------------------*/\n$border-radius-sm: 0.25rem !default;\n$border-radius: 0.375rem !default;\n$border-radius-lg: 0.5rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-pill: 50rem !default;\n\n//*-----------------------------------------------\n//| Shadow\n//-----------------------------------------------*/\n$box-shadow: 0px 2px 4px -2px rgba(36, 40, 46, 0.08);\n$box-shadow-gray-400:\n 0px 4px 8px -6px rgba(36, 40, 46, 0.03),\n 0px 16px 8px -4px rgba(36, 40, 46, 0.03);\n\n//*-----------------------------------------------\n//| Fonts Families\n//-----------------------------------------------*/\n$font-family-sans-serif:\n 'Nunito Sans',\n -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n 'Helvetica Neue',\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol' !default;\n$font-family-monospace: 'SFMono-Regular', Menlo, Monaco, Consolas,\n 'Liberation Mono', 'Courier New', monospace !default;\n\n//*-----------------------------------------------\n//| Fonts\n//-----------------------------------------------*/\n$type-scale: 1.25 !default;\n$font-size-base: 1rem !default;\n$font-size-sm: $font-size-base * 0.875 !default;\n$font-size-lg: $font-size-base * 1.2 !default;\n\n$font-sizes: (\n 1: pow($type-scale, 7) * $font-size-base,\n // 76.29px\n 2: pow($type-scale, 6) * $font-size-base,\n // 61.04px\n 3: pow($type-scale, 5) * $font-size-base,\n // 48.83px\n 4: pow($type-scale, 4) * $font-size-base,\n // 39.06px\n 5: pow($type-scale, 3) * $font-size-base,\n // 31.25px\n 6: pow($type-scale, 2) * $font-size-base,\n //25px\n 7: pow($type-scale, 1) * $font-size-base,\n //20px\n 8: $font-size-base,\n // 16px\n 9: math.div(1, $type-scale) * $font-size-base,\n // 12.80px\n 10: math.div(1, pow($type-scale, 2)) * $font-size-base,\n // 10.24px\n 11: math.div(1, pow($type-scale, 3)) * $font-size-base,\n // 8.19px\n) !default;\n\n$font-weight-thin: 100 !default;\n$font-weight-lighter: 200 !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-medium: 500 !default;\n$font-weight-semibold: 600 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: 800 !default;\n$font-weight-black: 900 !default;\n\n$line-height-base: 1.49 !default;\n$line-height-sm: 1.2 !default;\n$line-height-lg: 1.4 !default;\n\n$h1-font-size: map_get($font-sizes, 4) !default;\n$h2-font-size: map_get($font-sizes, 5) !default;\n$h3-font-size: map_get($font-sizes, 6) !default;\n$h4-font-size: map_get($font-sizes, 7) !default;\n$h5-font-size: map_get($font-sizes, 8) !default;\n$h6-font-size: map_get($font-sizes, 9) !default;\n\n$headings-font-weight: $font-weight-bold !default;\n$headings-color: var(--#{$prefix}emphasis-color) !default;\n$headings-line-height: 1 !default;\n$headings-margin-bottom: map-get($spacers, 1) !default;\n\n// scss-docs-start display-headings\n$display-font-sizes: () !default;\n$display-font-sizes: map-merge(\n (\n 1: map_get($font-sizes, 1),\n 2: map_get($font-sizes, 2),\n 3: map_get($font-sizes, 3),\n 4: map_get($font-sizes, 4),\n 5: map_get($font-sizes, 5),\n 6: map_get($font-sizes, 6)\n ),\n $display-font-sizes\n);\n\n$display-font-weight: $font-weight-normal !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: map-get($font-sizes, 7) !default;\n$lead-font-weight: $font-weight-semibold !default;\n\n$small-font-size: 75% !default;\n\n// $text-muted: $gray-500 !default;\n\n$blockquote-font-size: $font-size-lg !default;\n\n$hr-color: var(--#{$prefix}border-color-translucent) !default;\n$hr-opacity: 1 !default;\n\n//*-----------------------------------------------\n//| Tables\n//-----------------------------------------------*/\n$table-head-bg: $gray-900 !default; // react specifiq\n$table-head-color: $dark !default; // react specifiq\n$table-dark-bg: $gray-1000 !default; // react specifiq\n\n$table-color: var(--#{$prefix}body-color) !default;\n$table-cell-padding-y: 1rem !default;\n$table-bg: transparent !default;\n$table-th-font-weight: $font-weight-bolder !default;\n$table-active-bg: rgba(var(--#{$prefix}emphasis-bg-rgb), 0.07) !default;\n\n$table-striped-color: var(--#{$prefix}body-highlight-color) !default;\n$table-striped-bg: rgba(var(--#{$prefix}quaternary-bg-rgb), 0.2) !default;\n\n$table-hover-color: var(--#{$prefix}emphasis-color) !default;\n$table-hover-bg: rgba(var(--#{$prefix}primary-dark-rgb), 0.07) !default;\n\n$table-border-color: var(--#{$prefix}border-color-translucent);\n\n$table-striped-order: even !default;\n\n$table-group-separator-color: inherit !default;\n\n//*-----------------------------------------------\n//| Buttons\n//-----------------------------------------------*/\n$btn-link-disabled-color: $gray-400 !default;\n$btn-disabled-opacity: 0.3 !default;\n$btn-box-shadow: initial !default;\n$btn-font-weight: $font-weight-bold !default;\n$btn-line-height: 1.2 !default;\n// $btn-border-width: 0 !default;\n\n$btn-border-radius: 0.375rem !default;\n$btn-border-radius-sm: 0.375rem !default;\n$btn-border-radius-lg: 0.375rem !default;\n\n$btn-pill-border-radius: 1.5rem !default;\n\n//*-----------------------------------------------\n//| Buttons and Forms\n//-----------------------------------------------*/\n\n$input-btn-padding-y: 0.625rem !default;\n$input-btn-padding-x: 1.5rem !default;\n\n$input-padding-y: 0.5rem;\n\n$input-btn-font-size: map-get($font-sizes, 9);\n$input-btn-font-size-sm: map-get($font-sizes, 9);\n$input-btn-font-size-lg: map-get($font-sizes, 8);\n$input-btn-line-height: $line-height-base;\n\n$input-btn-padding-y-sm: 0.5rem !default;\n$input-btn-padding-x-sm: 1rem !default;\n\n$input-btn-padding-y-lg: 0.875rem !default;\n$input-btn-padding-x-lg: 1.5rem !default;\n\n$btn-font-weight: $font-weight-medium !default;\n$input-btn-focus-blur: 0 !default;\n$btn-focus-width: 0 !default;\n$btn-focus-box-shadow: 0 0 0 0.25rem transparent !default;\n$btn-active-box-shadow: initial !default;\n\n//*-----------------------------------------------\n//| Forms\n//-----------------------------------------------*/\n\n$form-label-font-size: map-get($font-sizes, 10) !default;\n$form-label-font-weight: $font-weight-bold !default;\n$form-label-color: var(--#{$prefix}tertiary-color) !default;\n\n// scss-docs-start form-input-variables\n$input-padding-y: 0.5rem !default;\n$input-padding-x: 1rem !default;\n$input-font-weight: $font-weight-semibold !default;\n\n$input-padding-y-sm: 0.375rem !default;\n\n$input-padding-y-lg: 0.75rem !default;\n$input-padding-x-lg: 1rem !default;\n\n$input-bg: var(--#{$prefix}emphasis-bg) !default;\n$input-disabled-color: var(--#{$prefix}quaternary-color) !default;\n$input-disabled-bg: rgba(var(--#{$prefix}gray-100-rgb), 0.7) !default;\n\n$input-color: var(--#{$prefix}body-color) !default;\n$input-border-color: var(--#{$prefix}border-color) !default;\n$input-box-shadow: inset 0 1px 2px transparent !default;\n\n$input-border-radius: 0.375rem !default;\n$input-border-radius-sm: $border-radius !default;\n$input-border-radius-lg: $border-radius !default;\n\n$input-focus-border-color: $primary !default;\n$input-focus-box-shadow:\n inset 0 0 0 30px var(--#{$prefix}emphasis-bg),\n 0 0 0 0.25rem rgba(var(--#{$prefix}primary-rgb), 0.25) !default;\n\n$input-placeholder-color: rgba(\n var(--#{$prefix}quaternary-color-rgb),\n 0.8\n) !default; // scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-margin-bottom: 0.34375rem !default;\n$form-check-label-color: $form-label-color !default;\n$form-check-input-border: 1px solid var(--#{$prefix}border-color) !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: $white !default;\n$form-switch-focus-color: $white !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-bg: var(--#{$prefix}input-group-addon-bg-global) !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-indicator-padding: 2.5rem !default;\n$form-select-disabled-bg: var(--#{$prefix}quaternary-bg) !default;\n$form-select-box-shadow: $input-box-shadow !default;\n$form-select-indicator: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==') !default;\n$form-select-bg-size: 9px 12px !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-bg: var(--#{$prefix}tertiary-bg) !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(2.875rem, 2px) !default;\n$form-floating-input-padding-t: 22.5px !default;\n$form-floating-input-padding-b: 9.5px !default;\n$form-floating-label-transform: scale(0.85) translateY(-0.4rem)\n translateX(0.15rem) !default;\n\n/// ---\n\n$form-check-input-width-lg: 1.5rem !default;\n$form-check-padding-start-lg: $form-check-input-width-lg + 0.5rem;\n\n$form-check-light-input-checked-color: $gray-400;\n$form-check-light-input-checked-bg-color: $white;\n$form-check-light-input-checked-border-color: $form-check-light-input-checked-color;\n$form-check-light-input-checked-bg-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-light-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>\");\n\n$form-switch-width-lg: 3rem;\n$form-switch-padding-start-lg: $form-switch-width-lg + 0.5rem !default;\n\n//*-----------------------------------------------\n//| Z-index\n//-----------------------------------------------*/\n$zindex-levels: (\n n1: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5\n) !default;\n\n// /*-----------------------------------------------\n//| Nav-tabs\n//-----------------------------------------------*/\n$nav-tabs-border-width: 2px;\n$nav-underline-link-active-color: var(--#{$prefix}primary) !default;\n\n// /*-----------------------------------------------\n//| Nav-pills\n//-----------------------------------------------*/\n$nav-pills-link-active-bg: transparent !default;\n$nav-pills-border-radius: var(--#{$prefix}border-radius-pill) !default;\n$nav-pills-link-active-color: var(--#{$prefix}primary) !default;\n\n//*-----------------------------------------------\n//| Navbar\n//-----------------------------------------------*/\n$navbar-padding-y: map_get($spacers, 2) !default;\n$navbar-padding-x: map_get($spacers, 4) !default;\n\n// /*-----------------------------------------------\n//| Navbar Brand\n//-----------------------------------------------*/\n$navbar-brand-font-size: map_get($font-sizes, 5) !default;\n$navbar-brand-font-weight: $font-weight-bolder !default;\n\n//*-----------------------------------------------\n//| Navigation\n//-----------------------------------------------*/\n$navbar-font-size: $font-size-base * 0.8 !default;\n\n$navbar-light-hover-color: rgba(\n var(--#{$prefix}emphasis-color-rgb),\n 0.9\n) !default;\n$navbar-light-disabled-color: rgba(\n var(--#{$prefix}emphasis-color-rgb),\n 0.25\n) !default;\n$navbar-light-toggler-icon-bg: str-replace(\n url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#9da9bb' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M0 6h30M0 14h30M0 22h30'/%3E%3C/svg%3E\"),\n '#',\n '%23'\n) !default;\n\n$navbar-dark-color: rgba($white, 0.7) !default;\n$navbar-dark-hover-color: rgba($white, 0.9) !default;\n$navbar-dark-toggler-icon-bg: str-replace(\n url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#9da9bb' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M0 6h30M0 14h30M0 22h30'/%3E%3C/svg%3E\"),\n '#',\n '%23'\n) !default;\n\n$navbar-top-slim-height: 1.7rem !default;\n$navbar-top-height: var(--#{$prefix}navbar-top-height) !default;\n$standard-nav-height: 3.5625rem !default;\n\n//*-----------------------------------------------\n//| Dropdowns | Dropdown menu container and contents.\n//-----------------------------------------------*/\n\n$dropdown-padding-y: map_get($spacers, 3) !default;\n$dropdown-font-size: $navbar-font-size !default;\n\n$dropdown-bg: var(--#{$prefix}emphasis-bg) !default;\n$dropdown-border-color: var(--#{$prefix}border-color) !default;\n$dropdown-divider-bg: var(--#{$prefix}border-color) !default;\n\n$dropdown-link-color: var(--#{$prefix}dropdown-link-color-global) !default;\n$dropdown-link-hover-color: var(\n --#{$prefix}dropdown-link-hover-color-global\n) !default;\n$dropdown-link-hover-bg: var(--#{$prefix}secondary-bg) !default;\n$dropdown-link-disabled-color: $gray-100 !default;\n\n$dropdown-item-padding-y: map_get($spacers, 2) !default;\n$dropdown-item-padding-x: map_get($spacers, 3) !default;\n\n//*-----------------------------------------------\n//| Pagination\n//-----------------------------------------------*/\n$pagination-padding-y: 0.5rem !default;\n\n$pagination-font-size: map-get($font-sizes, 9) !default;\n\n$pagination-color: var(--#{$prefix}secondary-color) !default;\n$pagination-bg: transparent !default;\n$pagination-border-width: 0 !default;\n\n$pagination-hover-color: var(--#{$prefix}primary) !default;\n$pagination-hover-bg: var(--#{$prefix}secondary-bg) !default;\n\n//*-----------------------------------------------\n//| Cards\n//-----------------------------------------------*/\n\n// $card-spacer-y: map_get($spacers, 3) !default;\n// $card-box-shadow: $box-shadow;\n$card-spacer-y: map-get($spacers, 4) !default;\n$card-spacer-x: map-get($spacers, 4) !default;\n$card-title-spacer-y: $spacer !default;\n$card-title-color: $headings-color !default;\n$card-border-radius: $border-radius-lg !default;\n$card-border-color: var(--#{$prefix}border-color-translucent) !default;\n$card-cap-bg: transparent !default;\n$card-cap-padding-y: $card-spacer-y !default;\n// $card-cap-padding-x: 1.25rem !default;\n$card-bg: var(--#{$prefix}emphasis-bg) !default;\n\n//*-----------------------------------------------\n//| Accordion\n//-----------------------------------------------*/\n// $accordion-icon-active-color: $body-color;\n$accordion-padding-y: map-get($spacers, 2) !default;\n$accordion-padding-x: 0 !default;\n$accordion-border-radius: 0 !default;\n$accordion-bg: transparent !default;\n$accordion-color: var(--#{$prefix}body-highlight-color) !default;\n$accordion-button-active-bg: transparent !default;\n$accordion-border-width: 0 !default;\n$accordion-button-color: $primary !default;\n$accordion-button-active-color: var(--#{$prefix}emphasis-color) !default;\n$accordion-icon-color: $primary !default;\n$accordion-icon-active-color: $primary !default;\n$accordion-button-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='#{$accordion-icon-color}' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E\");\n$accordion-button-active-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='#{$accordion-icon-active-color}' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E\");\n\n// /*-----------------------------------------------\n//| Tooltip\n//-----------------------------------------------*/\n\n$tooltip-font-size: map-get($font-sizes, 9) !default;\n$tooltip-padding-y: 0.5rem !default;\n\n$tooltip-color: $white;\n$tooltip-bg: $gray-1000 !default;\n\n$tooltip-border-radius: $border-radius-sm !default;\n// $tooltip-padding-x: map-get($spacers, 2) !default;\n\n//*-----------------------------------------------\n//| Popover\n//-----------------------------------------------*/\n$popover-bg: var(--#{$prefix}emphasis-bg) !default;\n$popover-border-color: var(--#{$prefix}border-color) !default;\n\n// $popover-header-bg: $light !default;\n// $popover-header-border-bottom-color: shade-color($white, 16%) !default;\n// $popover-header-color: $headings-color !default;\n\n//*-----------------------------------------------\n//| Toast\n//-----------------------------------------------*/\n\n$toast-font-size: $font-size-base !default;\n$toast-padding-x: 0 !default;\n$toast-padding-y: map-get($spacers, 3) !default;\n$toast-box-shadow: $box-shadow-gray-400 !default;\n$toast-background-color: rgba(var(--#{$prefix}emphasis-bg-rgb), 0.85) !default;\n$toast-border-color: var(--#{$prefix}border-color) !default;\n\n$toast-header-color: var(--#{$prefix}secondary-color) !default;\n$toast-header-background-color: transparent !default;\n$toast-header-border-color: var(--#{$prefix}border-color-translucent) !default;\n\n//*-----------------------------------------------\n//| Badge\n//-----------------------------------------------*/\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: 0.355555em !default;\n$badge-padding-x: 0.711111em !default;\n$badge-border-radius: $border-radius-sm !default;\n$light-badge-borders: (\n 'primary': $blue-200,\n 'secondary': $gray-300,\n 'success': $green-200,\n 'info': $cyan-200,\n 'warning': $orange-300,\n 'danger': $red-200\n);\n\n// /*-----------------------------------------------\n//| Modal\n//-----------------------------------------------*/\n$modal-content-border-radius: $border-radius !default;\n$modal-content-bg: var(--#{$prefix}emphasis-bg) !default;\n$modal-content-border-color: transparent !default;\n\n$modal-inner-padding: 1rem;\n\n//*-----------------------------------------------\n//| Alert\n//-----------------------------------------------*/\n$alert-border-radius: map-get($spacers, 2) !default;\n$alert-padding-y: map-get($spacers, 4) !default;\n$alert-padding-x: map-get($spacers, 4) !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n\n//*-----------------------------------------------\n//| Progress\n//-----------------------------------------------*/\n$progress-border-radius: $border-radius-lg !default;\n$progress-height: 0.313rem !default;\n$progress-box-shadow: 0 0 0 transparent !default;\n$progress-bg: var(--#{$prefix}secondary-bg) !default;\n\n///*-----------------------------------------------\n//| List Group\n//-----------------------------------------------*/\n\n$list-group-color: var(--#{$prefix}secondary-color);\n$list-group-bg: var(--#{$prefix}emphasis-bg) !default;\n$list-group-border-color: var(--#{$prefix}border-color) !default;\n$list-group-action-hover-color: var(\n --#{$prefix}list-group-action-hover-color\n) !default;\n$list-group-hover-bg: var(--#{$prefix}list-group-hover-bg) !default;\n$list-group-action-active-bg: var(--#{$prefix}200); // not in html\n\n//*-----------------------------------------------\n//| Thumbnail\n//-----------------------------------------------*/\n$thumbnail-bg: var(--#{$prefix}emphasis-bg) !default;\n$thumbnail-border-width: 3px !default;\n\n// /*-----------------------------------------------\n//| Breadcrumbs\n//-----------------------------------------------*/\n$breadcrumb-active-color: var(--#{$prefix}body-color);\n$breadcrumb-item-padding-x: map-get($spacers, 2);\n$breadcrumb-font-size: map-get($font-sizes, 9);\n$breadcrumb-divider: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='10' width='6' fill='#{$gray-600}' viewBox='0 0 256 480'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E\") !default;\n\n//*-----------------------------------------------\n//| Carousel\n//-----------------------------------------------*/\n\n$carousel-transition-duration: 0.8s !default;\n$carousel-indicator-active-bg: $primary !default;\n\n// /*-----------------------------------------------\n//| Spinner\n//-----------------------------------------------*/\n$spinner-width-sm: 1.35rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n\n// close\n// phoenix specific variable\n$btn-close-darken-nav-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#ffffff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>\") !default;\n$btn-close-dark: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#ffffff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>\") !default; // need to check\n\n//*-----------------------------------------------\n//| Offcanvas\n//-----------------------------------------------*/\n$offcanvas-horizontal-width: 458px;\n$offcanvas-bg-color: var(--#{$prefix}emphasis-bg);\n\n// gutters\n$gutters: () !default;\n$gutters: map-merge(\n $spacers,\n (\n card: $card-spacer-x * 2\n )\n);\n\n//*---------------------------------------------------------------------------\n//| Phoenix specific components\n//----------------------------------------------------------------------------*/\n\n//*-----------------------------------------------\n//| Viewport Heights & Widths\n//----------------------------------------------\n\n$viewport-heights: () !default;\n$viewport-heights: map-merge(\n (\n 25: 25vh,\n 50: 50vh,\n 75: 75vh,\n 100: 100vh\n ),\n $viewport-heights\n);\n\n$sizes: () !default;\n$sizes: map-merge(\n (\n 25: 25%,\n 30: 30%,\n 50: 50%,\n 60: 60%,\n 70: 70%,\n 75: 75%,\n 100: 100%,\n max-content: max-content,\n min-content: min-content,\n auto: auto\n ),\n $sizes\n);\n\n// /*-----------------------------------------------\n//| Footer\n//-----------------------------------------------*/\n$footer-height: var(--#{$prefix}footer-height) !default;\n\n// /*-----------------------------------------------\n//| Avatar\n//-----------------------------------------------*/\n\n$avatars-dimension: () !default;\n$avatars-dimension: map-merge(\n (\n 's': toRem(24),\n 'm': toRem(32),\n 'l': toRem(40),\n 'xl': toRem(48),\n '2xl': toRem(56),\n '3xl': toRem(72),\n '4xl': toRem(96),\n '5xl': toRem(150)\n ),\n $avatars-dimension\n);\n$avatars-placeholder-bg: var(--#{$prefix}gray-200);\n$avatars-name-color: var(--#{$prefix}avatar-name-color);\n$avatars-status-border-color: var(--#{$prefix}emphasis-bg) !default;\n\n//*-----------------------------------------------\n//| Scrollbar\n//-----------------------------------------------*/\n$scrollbar-bg: var(--#{$prefix}scrollbar-bg) !default;\n\n//*-----------------------------------------------\n//| Layout\n//-----------------------------------------------*/\n$content-padding-x: map-get($spacers, 6);\n$content-padding-top: calc($navbar-top-height + 2rem);\n$content-padding-bottom: 6.375rem;\n\n//*-----------------------------------------------\n//| Plugins color variables\n//-----------------------------------------------*/\n$data-table-pagination-button-color: $black !default;\n\n//*-----------------------------------------------\n//| Navbar Vertical\n//-----------------------------------------------*/\n\n$navbar-vertical-breakpoints: mapReverse($grid-breakpoints) !default;\n$navbar-vertical-width: 15.875rem !default;\n$navbar-vertical-icon-width: 1rem !default;\n\n$navbar-vertical-link-font-size: map-get($font-sizes, 9) !default;\n// $navbar-vertical-link-padding-y: 0.344rem;\n$navbar-vertical-link-padding-y: 0.35rem;\n\n$navbar-vertical-dropdown-font-size: 0.8125rem !default;\n$navbar-vertical-dropdown-link-padding-x: map-get($spacers, 2);\n$navbar-vertical-dropdown-link-padding-y: map-get($spacers, 1);\n\n// $navbar-light-brand-color: var(--#{$prefix}navbar-light-brand-color) !default;\n// $navbar-light-brand-hover-color: $navbar-light-brand-color !default;\n// $navbar-dark-brand-color: var(--#{$prefix}navbar-dark-brand-color) !default;\n// $navbar-dark-brand-hover-color: $navbar-dark-brand-color !default;\n// $navbar-vertical-label-color: $gray-700 !default;\n\n$navbar-vertical-footer-height: $footer-height !default;\n$navbar-footer-border-color: var(--#{$prefix}navbar-footer-border-color);\n$navbar-vertical-height: calc(100vh - $navbar-top-height);\n\n$navbar-vertical-content-height: calc(\n 100vh - var(--#{$prefix}navbar-top-height) - $navbar-vertical-footer-height\n);\n$navbar-vertical-content-padding-x: map-get($spacers, 2);\n$navbar-vertical-content-padding-y: map-get($spacers, 3);\n$navbar-vertical-label-font-size: map-get($font-sizes, 10);\n\n$navbar-vertical-collapse-width: 4rem;\n$navbar-vertical-link-collapse-padding-x: 1.5rem;\n$navbar-vertical-collapse-padding-x: 2.5rem;\n$navbar-vertical-hover-width: 12.625rem !default;\n$navbar-vertical-collapsed-hover-shadow: 0.625rem 0 0.625rem -0.5625rem var(--#{$prefix}navbar-vertical-collapsed-hover-shadow-color) !default;\n\n$navbar-vertical-border-color: var(--#{$prefix}navbar-vertical-border-color);\n$navbar-vertical-bg-color: var(--#{$prefix}navbar-vertical-bg-color);\n$navbar-vertical-label-color: var(--#{$prefix}navbar-vertical-label-color);\n$navbar-vertical-link-color: var(--#{$prefix}navbar-vertical-link-color);\n$navbar-vertical-link-hover-color: var(\n --#{$prefix}navbar-vertical-link-hover-color\n);\n$navbar-vertical-link-hover-bg: var(--#{$prefix}navbar-vertical-link-hover-bg);\n$navbar-vertical-link-active-color: var(\n --#{$prefix}navbar-vertical-link-active-color\n);\n$navbar-vertical-link-disable-color: var(\n --#{$prefix}navbar-vertical-link-disable-color\n); // need to check\n\n$navbar-vertical-collapsed-menu-bg: var(\n --#{$prefix}navbar-vertical-collapsed-menu-bg\n);\n$navbar-vertical-hr-color: var(--#{$prefix}navbar-vertical-hr-color);\n$navbar-vertical-dropdown-indicator-color: var(\n --#{$prefix}navbar-vertical-dropdown-indicator-color\n);\n\n//*-----------------------------------------------\n//| Navbar Top\n//-----------------------------------------------*/\n$navbar-top-link-padding-start: 1.125rem;\n$navbar-top-link-padding-end: 1.5rem;\n$navbar-top-link-color: var(--#{$prefix}navbar-top-link-color);\n\n//*-----------------------------------------------\n//| Navbar dual\n//-----------------------------------------------*/\n$dual-nav-border-color: map-get($grays, '200') !default;\n$dual-nav-first-layer-bg: map-get($grays, '100') !default;\n\n//*---------------------------------------------------------------------------\n//| Phoenix specific components ends\n//----------------------------------------------------------------------------*/\n\n$btn-phoenix-border-color: var(--#{$prefix}gray-200); // react specifiq\n\n//*-----------------------------------------------\n//| Navbar Slim\n//-----------------------------------------------*/\n// $navbar-slim-height: 1.7rem;\n\n$code-color: $orange-600 !default;\n"],"names":[],"sourceRoot":""} |