@dynamic-framework/ui-react 1.5.0 → 1.7.0

package/src/style/abstracts/variables/_options.scss

@@ -0,0 +1,24 @@
+// Options
+//
+// Quickly modify global styling by enabling or disabling optional features.
+
+
+$enable-caret: true !default;
+$enable-rounded: true !default;
+$enable-shadows: true !default;
+$enable-gradients: false !default;
+$enable-transitions: true !default;
+$enable-reduced-motion: true !default;
+$enable-smooth-scroll: true !default;
+$enable-grid-classes: true !default;
+$enable-container-classes: true !default;
+$enable-cssgrid: false !default;
+$enable-button-pointers: true !default;
+$enable-rfs: true !default;
+$enable-validation-icons: false !default;
+$enable-negative-margins: false !default;
+$enable-deprecation-messages: true !default;
+$enable-important-utilities: true !default;
+
+$enable-dark-mode: false !default;
+$color-mode-type: data !default; // `data` or `media-query`

package/src/style/abstracts/variables/_pagination.scss

@@ -0,0 +1,41 @@
+// Pagination
+
+// scss-docs-start pagination-variables
+$pagination-padding-y: .375rem !default;
+$pagination-padding-x: .75rem !default;
+$pagination-padding-y-sm: .25rem !default;
+$pagination-padding-x-sm: .5rem !default;
+$pagination-padding-y-lg: .75rem !default;
+$pagination-padding-x-lg: 1.5rem !default;
+
+$pagination-font-size: $font-size-base !default;
+
+$pagination-color: var(--#{$prefix}gray) !default;
+$pagination-bg: var(--#{$prefix}body-bg) !default;
+$pagination-border-radius: var(--#{$prefix}border-radius) !default;
+$pagination-border-width: 0 !default;
+$pagination-margin-start: calc(#{$pagination-border-width} * -1) !default;
+$pagination-border-color: var(--#{$prefix}border-color) !default;
+
+$pagination-focus-color: var(--#{$prefix}white) !default;
+$pagination-focus-bg: var(--#{$prefix}secondary) !default;
+$pagination-focus-box-shadow: 0 !default;
+$pagination-focus-outline: 0 !default;
+
+$pagination-hover-color: var(--#{$prefix}secondary) !default;
+$pagination-hover-bg: var(--#{$prefix}secondary-100) !default;
+$pagination-hover-border-color: 0 !default; // Todo in v6: remove this?
+
+$pagination-active-color: $component-active-color !default;
+$pagination-active-bg: $component-active-bg !default;
+$pagination-active-border-color: $component-active-bg !default;
+
+$pagination-disabled-color: var(--#{$prefix}gray-400) !default;
+$pagination-disabled-bg: var(--#{$prefix}transparent) !default;
+$pagination-disabled-border-color: var(--#{$prefix}border-color) !default;
+
+$pagination-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;
+
+$pagination-border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
+$pagination-border-radius-lg: var(--#{$prefix}border-radius-lg) !default;
+// scss-docs-end pagination-variables

package/src/style/abstracts/variables/_popovers.scss

@@ -0,0 +1,31 @@
+// Popovers
+
+// scss-docs-start popover-variables
+$popover-font-size: $font-size-sm !default;
+$popover-bg: var(--#{$prefix}body-bg) !default;
+$popover-max-width: 276px !default;
+$popover-border-width: var(--#{$prefix}border-width) !default;
+$popover-border-color: var(--#{$prefix}border-color-translucent) !default;
+$popover-border-radius: var(--#{$prefix}border-radius-lg) !default;
+$popover-inner-border-radius: calc(#{$popover-border-radius} - #{$popover-border-width}) !default;
+$popover-box-shadow: $box-shadow !default;
+
+$popover-header-font-size: $font-size-base !default;
+$popover-header-bg: var(--#{$prefix}secondary-bg) !default;
+$popover-header-color: $headings-color !default;
+$popover-header-padding-y: .5rem !default;
+$popover-header-padding-x: $spacer !default;
+
+$popover-body-color: var(--#{$prefix}body-color) !default;
+$popover-body-padding-y: $spacer !default;
+$popover-body-padding-x: $spacer !default;
+
+$popover-arrow-width: 1rem !default;
+$popover-arrow-height: .5rem !default;
+// scss-docs-end popover-variables
+
+// fusv-disable
+// Deprecated in Bootstrap 5.2.0 for CSS variables
+$popover-arrow-color: $popover-bg !default;
+$popover-arrow-outer-color: var(--#{$prefix}border-color-translucent) !default;
+// fusv-enable

package/src/style/abstracts/variables/_progress.scss

@@ -0,0 +1,17 @@
+// Progress bars
+
+// scss-docs-start progress-variables
+$progress-height: $spacer-3 !default;
+$progress-font-size: var(--#{$prefix}ref-fs-small) !default;
+$progress-bg: var(--#{$prefix}secondary-100) !default;
+$progress-border-radius: var(--#{$prefix}border-radius-pill) !default;
+$progress-box-shadow: none !default;
+$progress-bar-color: var(--#{$prefix}white) !default;
+$progress-bar-bg: var(--#{$prefix}secondary) !default;
+$progress-bar-animation-timing: 1s linear infinite !default;
+$progress-bar-transition: width .6s ease !default;
+
+// custom
+$progress-font-weight: var(--#{$prefix}ref-fw-bold) !default;
+// end custom
+// scss-docs-end progress-variables

package/src/style/abstracts/variables/_quick-action-button.scss

@@ -0,0 +1,31 @@
+$quick-action-button-gap: var(--#{$prefix}ref-spacer-2) !default;
+$quick-action-button-padding: var(--#{$prefix}ref-spacer-3) !default;
+$quick-action-button-bg: var(--#{$prefix}white) !default;
+$quick-action-button-border: 1px solid var(--#{$prefix}secondary-100) !default;
+$quick-action-button-border-radius: var(--#{$prefix}border-radius) !default;
+$quick-action-button-box-shadow: none !default;
+
+$quick-action-button-line1-font-size: var(--#{$prefix}ref-fs-6) !default;
+$quick-action-button-line1-font-weight: var(--#{$prefix}ref-fw-bold) !default;
+$quick-action-button-line1-color: var(--#{$prefix}body-color) !default;
+
+$quick-action-button-line2-font-size: var(--#{$prefix}ref-fs-small) !default;
+$quick-action-button-line2-font-weight: var(--#{$prefix}ref-fw-normal) !default;
+$quick-action-button-line2-color: var(--#{$prefix}gray-500) !default;
+
+$quick-action-button-representative-image-size: 2.25rem !default;
+$quick-action-button-representative-image-border-radius: $spacer-2 !default;
+$quick-action-button-representative-icon-size: $spacer-4 !default;
+
+$quick-action-button-action-icon-color: var(--#{$prefix}gray-500) !default;
+$quick-action-button-action-icon-size: var(--#{$prefix}body-font-size) !default;
+
+$quick-action-button-hover-bg: var(--#{$prefix}gray-100) !default;
+$quick-action-button-hover-border-color: var(--#{$prefix}secondary-100) !default;
+$quick-action-button-hover-action-icon-color: var(--#{$prefix}secondary) !default;
+$quick-action-button-hover-box-shadow: var(--#{$prefix}box-shadow-sm) !default;
+
+$quick-action-button-active-bg: var(--#{$prefix}gray-100) !default;
+$quick-action-button-active-border-color: var(--#{$prefix}secondary) !default;
+$quick-action-button-active-action-icon-color: var(--#{$prefix}secondary) !default;
+$quick-action-button-active-box-shadow: var(--#{$prefix}box-shadow-sm) !default;

package/src/style/abstracts/variables/_quick-action-check.scss

@@ -0,0 +1,22 @@
+$quick-action-check-gap: var(--#{$prefix}ref-spacer-3) !default;
+$quick-action-check-padding: var(--#{$prefix}ref-spacer-3) !default;
+$quick-action-check-bg: var(--#{$prefix}white) !default;
+$quick-action-check-border-radius: var(--#{$prefix}border-radius-sm) !default;
+
+$quick-action-check-line1-font-size: var(--#{$prefix}body-font-size) !default;
+$quick-action-check-line1-font-weight: var(--#{$prefix}ref-fw-bold) !default;
+$quick-action-check-line1-color: var(--#{$prefix}light-text-emphasis) !default;
+
+$quick-action-check-line2-font-size: var(--#{$prefix}ref-fs-small) !default;
+$quick-action-check-line2-font-weight: var(--#{$prefix}ref-fw-normal) !default;
+$quick-action-check-line2-color: var(--#{$prefix}gray) !default;
+
+$quick-action-check-line3-font-size: var(--#{$prefix}body-font-size) !default;
+$quick-action-check-line3-font-weight: var(--#{$prefix}ref-fw-bold) !default;
+$quick-action-check-line3-color: var(--#{$prefix}gray) !default;
+
+$quick-action-check-hover-bg: var(--#{$prefix}gray-100) !default;
+
+$quick-action-check-checked-bg: var(--#{$prefix}white) !default;
+$quick-action-check-checked-color: var(--#{$prefix}body-color) !default;
+

package/src/style/abstracts/variables/_quick-action-select.scss

@@ -0,0 +1,16 @@
+$quick-action-select-padding: var(--#{$prefix}ref-spacer-3) !default;
+$quick-action-select-bg: var(--#{$prefix}gray-100) !default;
+$quick-action-select-border-radius: var(--#{$prefix}border-radius-sm) !default;
+
+$quick-action-select-line1-font-size: var(--#{$prefix}ref-fs-small) !default;
+$quick-action-select-line1-font-weight: var(--#{$prefix}ref-fw-normal) !default;
+$quick-action-select-line1-color: var(--#{$prefix}secondary) !default;
+
+$quick-action-select-line2-font-size: var(--#{$prefix}body-font-size) !default;
+$quick-action-select-line2-font-weight: var(--#{$prefix}ref-fw-bold) !default;
+$quick-action-select-line2-color: var(--#{$prefix}light-text-emphasis) !default;
+
+$quick-action-select-hover-bg: var(--#{$prefix}gray-200) !default;
+
+$quick-action-select-checked-bg: var(--#{$prefix}secondary) !default;
+$quick-action-select-checked-color: var(--#{$prefix}white) !default;

package/src/style/abstracts/variables/_quick-action-switch.scss

@@ -0,0 +1,21 @@
+$quick-action-switch-gap: var(--#{$prefix}ref-spacer-2) !default;
+$quick-action-switch-padding: var(--#{$prefix}ref-spacer-2) var(--#{$prefix}ref-spacer-3) !default;
+$quick-action-switch-bg: var(--#{$prefix}white) !default;
+$quick-action-switch-border-radius: var(--#{$prefix}border-radius-sm) !default;
+
+$quick-action-switch-content-gap: var(--#{$prefix}ref-spacer-1) !default;
+
+$quick-action-switch-label-font-size: $font-size-base !default;
+$quick-action-switch-label-font-weight: $form-label-font-weight !default;
+$quick-action-switch-label-color: $form-switch-label-color !default;
+
+$quick-action-switch-hint-font-size: var(--#{$prefix}ref-fs-small) !default;
+$quick-action-switch-hint-font-weight: var(--#{$prefix}ref-fw-normal) !default;
+$quick-action-switch-hint-color: var(--#{$prefix}gray-400) !default;
+
+$quick-action-switch-hover-bg: var(--#{$prefix}secondary-soft) !default;
+
+$quick-action-switch-checked-bg: var(--#{$prefix}white) !default;
+$quick-action-switch-checked-label-color: $form-switch-active-label-color !default;
+$quick-action-switch-checked-hint-color: var(--#{$prefix}gray-500) !default;
+

package/src/style/abstracts/variables/_spacers.scss

@@ -0,0 +1,28 @@
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+// You can add more entries to the $spacers map, should you need more variation.
+
+// scss-docs-start spacer-variables-maps
+$spacer: 1rem !default;
+$spacer-1: $spacer * .25 !default;  // 4px
+$spacer-2: $spacer * .5, !default;  // 8px
+$spacer-3: $spacer !default;        // 16px
+$spacer-4: $spacer * 1.5 !default;  // 24px
+$spacer-5: $spacer * 2 !default;    // 32px
+$spacer-6: $spacer * 2.5 !default;  // 40px
+$spacer-7: $spacer * 3 !default;    // 48px
+$spacer-8: $spacer * 3.5 !default;  // 56px
+$spacers: (
+  0: 0,
+  1: $spacer-1,
+  2: $spacer-2,
+  3: $spacer-3,
+  4: $spacer-4,
+  5: $spacer-5,
+  6: $spacer-6,
+  7: $spacer-7,
+  8: $spacer-8,
+) !default;
+// scss-docs-end spacer-variables-maps

package/src/style/abstracts/variables/_spinners.scss

@@ -0,0 +1,13 @@
+// Spinners
+
+// scss-docs-start spinner-variables
+$spinner-width: 2rem !default;
+$spinner-height: $spinner-width !default;
+$spinner-vertical-align: -.125em !default;
+$spinner-border-width: .25em !default;
+$spinner-animation-speed: .75s !default;
+
+$spinner-width-sm: 1rem !default;
+$spinner-height-sm: $spinner-width-sm !default;
+$spinner-border-width-sm: .2em !default;
+// scss-docs-end spinner-variables

package/src/style/abstracts/variables/_tables.scss

@@ -0,0 +1,57 @@
+// Tables
+//
+// Customizes the `.table` component with basic values, each used across all table variations.
+
+// scss-docs-start table-variables
+$table-cell-padding-y: .5rem !default;
+$table-cell-padding-x: .5rem !default;
+$table-cell-padding-y-sm: .25rem !default;
+$table-cell-padding-x-sm: .25rem !default;
+
+$table-cell-vertical-align: top !default;
+
+$table-color: var(--#{$prefix}body-color) !default;
+$table-bg: transparent !default;
+$table-accent-bg: transparent !default;
+
+$table-th-font-weight: null !default;
+
+$table-bg-scale: -100% !default;
+
+$table-striped-color: $table-color !default;
+$table-striped-bg-factor: .05 !default;
+$table-striped-bg: unquote("color-mix(in srgb, var(--#{$prefix}white), var(--#{$prefix}black) #{(100% - $table-bg-scale) * $table-striped-bg-factor})") !default;
+
+$table-active-color: $table-color !default;
+$table-active-bg-factor: .1 !default;
+$table-active-bg: unquote("color-mix(in srgb, var(--#{$prefix}white), var(--#{$prefix}black) #{(100% - $table-bg-scale) * $table-active-bg-factor})") !default;
+
+$table-hover-color: $table-color !default;
+$table-hover-bg-factor: .075 !default;
+$table-hover-bg: unquote("color-mix(in srgb, var(--#{$prefix}white), var(--#{$prefix}black) #{(100% - $table-bg-scale) * $table-hover-bg-factor})") !default;
+
+$table-border-factor: .1 !default;
+$table-border-width: var(--#{$prefix}border-width) !default;
+$table-border-color: var(--#{$prefix}border-color) !default;
+
+$table-striped-order: odd !default;
+$table-striped-columns-order: even !default;
+
+$table-group-separator-color: currentcolor !default;
+
+$table-caption-color: var(--#{$prefix}secondary-color) !default;
+
+// scss-docs-end table-variables
+
+// scss-docs-start table-loop
+$table-variants: (
+  "primary": "primary-100",
+  "secondary": "secondary-100",
+  "success": "success-100",
+  "info": "info-100",
+  "warning": "warning-100",
+  "danger": "danger-100",
+  "light": "light",
+  "dark": "dark",
+) !default;
+// scss-docs-end table-loop

package/src/style/abstracts/variables/_thumbnails.scss

@@ -0,0 +1,10 @@
+// Image thumbnails
+
+// scss-docs-start thumbnail-variables
+$thumbnail-padding: .25rem !default;
+$thumbnail-bg: var(--#{$prefix}body-bg) !default;
+$thumbnail-border-width: var(--#{$prefix}border-width) !default;
+$thumbnail-border-color: var(--#{$prefix}border-color) !default;
+$thumbnail-border-radius: var(--#{$prefix}border-radius) !default;
+$thumbnail-box-shadow: var(--#{$prefix}box-shadow-sm) !default;
+// scss-docs-end thumbnail-variables

package/src/style/abstracts/variables/_toasts.scss

@@ -0,0 +1,19 @@
+// Toasts
+
+// scss-docs-start toast-variables
+$toast-max-width: 350px !default;
+$toast-padding-x: .75rem !default;
+$toast-padding-y: .5rem !default;
+$toast-font-size: .875rem !default;
+$toast-color: null !default;
+$toast-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85) !default;
+$toast-border-width: var(--#{$prefix}border-width) !default;
+$toast-border-color: var(--#{$prefix}border-color-translucent) !default;
+$toast-border-radius: var(--#{$prefix}border-radius) !default;
+$toast-box-shadow: var(--#{$prefix}box-shadow) !default;
+$toast-spacing: $container-padding-x !default;
+
+$toast-header-color: var(--#{$prefix}secondary-color) !default;
+$toast-header-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85) !default;
+$toast-header-border-color: $toast-border-color !default;
+// scss-docs-end toast-variables

package/src/style/abstracts/variables/_tooltips.scss

@@ -0,0 +1,29 @@
+// Tooltips
+
+// scss-docs-start tooltip-variables
+$tooltip-font-size: $font-size-sm !default;
+$tooltip-max-width: 200px !default;
+$tooltip-color: var(--#{$prefix}body-bg) !default;
+$tooltip-bg: var(--#{$prefix}emphasis-color) !default;
+$tooltip-border-radius: var(--#{$prefix}border-radius) !default;
+$tooltip-opacity: .9 !default;
+$tooltip-padding-y: $spacer * .25 !default;
+$tooltip-padding-x: $spacer * .5 !default;
+$tooltip-margin: null !default; // TODO: remove this in v6
+
+$tooltip-arrow-width: .8rem !default;
+$tooltip-arrow-height: .4rem !default;
+// fusv-disable
+$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables
+// fusv-enable
+// scss-docs-end tooltip-variables
+
+// Form tooltips must come after regular tooltips
+// scss-docs-start tooltip-feedback-variables
+$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;
+$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;
+$form-feedback-tooltip-font-size: $tooltip-font-size !default;
+$form-feedback-tooltip-line-height: null !default;
+$form-feedback-tooltip-opacity: $tooltip-opacity !default;
+$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
+// scss-docs-end tooltip-feedback-variables

package/src/style/abstracts/variables/_typography.scss

@@ -0,0 +1,122 @@
+// Typography
+//
+// Font, line-height, and color for body text, headings, and more.
+
+// scss-docs-start font-variables
+$font-family-sans-serif: "Source Sans Pro", sans-serif !default;
+$font-family-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base: var(--#{$prefix}font-sans-serif) !default;
+$font-family-code: var(--#{$prefix}font-monospace) !default;
+
+// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins
+// $font-size-base affects the font size of the body text
+$font-size-root: 16px !default;
+$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
+$font-size-sm: $font-size-base * .875 !default;   // 14px
+$font-size-lg: $font-size-base * 1.125 !default;  // 18px
+
+$font-weight-lighter: lighter !default;
+$font-weight-light: 200 !default;
+$font-weight-normal: 400 !default;
+$font-weight-semibold: 600 !default;
+$font-weight-bold: 700 !default;
+$font-weight-bolder: 800 !default;
+
+$font-weight-base: $font-weight-normal !default;
+
+$line-height-base: 1.2 !default;
+$line-height-sm: 1.2 !default;
+$line-height-lg: 1.2 !default;
+
+$h1-font-size: $font-size-base * 4 !default;
+$h2-font-size: $font-size-base * 3.5 !default;
+$h3-font-size: $font-size-base * 3 !default;
+$h4-font-size: $font-size-base * 2 !default;
+$h5-font-size: $font-size-base * 1.5 !default;
+$h6-font-size: $font-size-base * 1.125 !default;
+// scss-docs-end font-variables
+
+// scss-docs-start font-sizes
+$font-sizes: (
+  1: $h1-font-size,
+  2: $h2-font-size,
+  3: $h3-font-size,
+  4: $h4-font-size,
+  5: $h5-font-size,
+  6: $h6-font-size
+) !default;
+// scss-docs-end font-sizes
+
+// scss-docs-start headings-variables
+$headings-margin-bottom: 0 !default;
+$headings-font-family: null !default;
+$headings-font-style: null !default;
+$headings-line-height: 1.2 !default;
+$headings-color: null !default;
+// scss-docs-end headings-variables
+
+// scss-docs-start display-headings
+$display1-font-size: 7.5rem !default;
+$display2-font-size: 4.5rem !default;
+$display3-font-size: 4rem !default;
+$display4-font-size: 3.5rem !default;
+$display5-font-size: 3rem !default;
+$display6-font-size: 2.5rem !default;
+
+$display-font-sizes: (
+  1: $display1-font-size,
+  2: $display2-font-size,
+  3: $display3-font-size,
+  4: $display4-font-size,
+  5: $display5-font-size,
+  6: $display6-font-size
+) !default;
+
+$display-font-family: null !default;
+$display-font-style:  null !default;
+$display-font-weight: $font-weight-base !default;
+$display-line-height: $headings-line-height !default;
+// scss-docs-end display-headings
+
+// scss-docs-start type-variables
+$lead-font-size: $font-size-base * 1.25 !default;
+$lead-font-weight: $font-weight-normal !default;
+
+$small-font-size: .875rem !default;
+
+$sub-sup-font-size: .75em !default;
+
+// fusv-disable
+$text-muted: var(--#{$prefix}gray) !default;
+// fusv-enable
+
+$initialism-font-size: $small-font-size !default;
+
+$blockquote-margin-y: var(--#{$prefix}ref-spacer-3) !default;
+$blockquote-font-size: $font-size-base * 1.25 !default;
+$blockquote-footer-color: var(--#{$prefix}gray-600) !default;
+$blockquote-footer-font-size: $small-font-size !default;
+
+$hr-margin-y: var(--#{$prefix}ref-spacer-3) !default;
+$hr-color: inherit !default;
+
+// fusv-disable
+$hr-bg-color: null !default; // Deprecated in v5.2.0
+$hr-height: null !default; // Deprecated in v5.2.0
+// fusv-enable
+
+$hr-border-color: $border-color !default; // Allows for inherited colors
+$hr-border-width: $border-width !default;
+$hr-opacity: 1 !default;
+
+$legend-margin-bottom: .5rem !default;
+$legend-font-size: 1.5rem !default;
+$legend-font-weight: null !default;
+
+$dt-font-weight: $font-weight-bold !default;
+
+$list-inline-padding: .5rem !default;
+
+$mark-padding: .1875em !default;
+$mark-bg: var(--#{$prefix}warning-100) !default;
+// scss-docs-end type-variables

package/src/style/abstracts/variables/_z-index.scss

@@ -0,0 +1,28 @@
+// Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+
+// scss-docs-start zindex-stack
+$zindex-dropdown: 1000 !default;
+$zindex-sticky: 1020 !default;
+$zindex-fixed: 1030 !default;
+$zindex-offcanvas-backdrop: 1040 !default;
+$zindex-offcanvas: 1045 !default;
+$zindex-modal-backdrop: 1050 !default;
+$zindex-modal: 1055 !default;
+$zindex-popover: 1070 !default;
+$zindex-tooltip: 1080 !default;
+$zindex-toast: 1090 !default;
+// scss-docs-end zindex-stack
+
+// scss-docs-start zindex-levels-map
+$zindex-levels: (
+  n1: -1,
+  0: 0,
+  1: 1,
+  2: 2,
+  3: 3
+) !default;
+// scss-docs-end zindex-levels-map
+

package/src/style/base/_+import.scss

@@ -0,0 +1,15 @@
+// @import "bootstrap/scss/root";
+@import "root";
+
+@import "bootstrap/scss/reboot";
+
+@import "bootstrap/scss/type";
+
+@import "bootstrap/scss/images";
+@import "bootstrap/scss/containers";
+@import "bootstrap/scss/grid";
+// @import "bootstrap/scss/tables";
+@import "tables";
+
+@import "bootstrap/scss/transitions";
+