// #################### // ### rytm-helpers ### // # icon sizes // $icon-size-xxs: .7rem !default; // $icon-size-xs: 1rem !default; // $icon-size-s: 1.3rem !default; // $icon-size-m: 1.6rem !default; // $icon-size-l: 1.9rem !default; // $icon-size-xl: 2.2rem !default; // $icon-size-xxl: 2.5rem !default; // mt-x mb-x $vertical-margin-spacer : .667rem !default; $horizontal-margin-spacer : .667rem !default; // pt-x pb-x $vertical-padding-spacer : .667rem !default; $horizontal-padding-spacer : .667rem !default; // ################### // ### LOCAL STUFF ### // ################# // ### bootstrap ### // // Color system // // scss-docs-start gray-color-variables $white: #fff !default; // $gray-100: #f8f9fa !default; // $gray-200: #e9ecef !default; // $gray-300: #dee2e6 !default; // $gray-400: #ced4da !default; // $gray-500: #adb5bd !default; // $gray-600: #6c757d !default; // $gray-700: #495057 !default; // $gray-800: #343a40 !default; // $gray-900: #212529 !default; $black: #000 !default; // // scss-docs-end gray-color-variables // // scss-docs-start theme-color-variables // $primary: $blue !default; // $secondary: $gray-600 !default; // $success: $green !default; // $info: $cyan !default; // $warning: $yellow !default; // $danger: $red !default; $light: $white !default; $dark: $black !default; // // Options // // // // Quickly modify global styling by enabling or disabling optional features. // $enable-caret: true !default; $enable-rounded: false !default; // $enable-shadows: false !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: true !default; // $enable-negative-margins: false !default; // $enable-deprecation-messages: true !default; // $enable-important-utilities: true !default; // // Body // // // // Settings for the `` element. // $body-text-align: null !default; $body-color: $dark !default; $body-bg: $white !default; // // Links // // // // Style anchor elements. // $link-color: $primary !default; $link-decoration: none !default; // $link-shade-percentage: 20% !default; // $link-hover-color: shift-color($link-color, $link-shade-percentage) !default; // $link-hover-decoration: null !default; // // Grid columns // // // // Set the number of columns and specify the width of the gutters. // $grid-columns: 12 !default; // $grid-gutter-width: 1.5rem !default; // $grid-row-columns: 6 !default; // // Grid breakpoints // // // // Define the minimum dimensions at which your layout will change, // // adapting to different screen sizes, for use in media queries. // // scss-docs-start grid-breakpoints // $grid-breakpoints: ( // xs: 0, // sm: 576px, // md: 768px, // lg: 992px, // xl: 1200px, // xxl: 1400px // ) !default; // // scss-docs-end grid-breakpoints // // Typography // // // // Font, line-height, and color for body text, headings, and more. // // scss-docs-start font-variables // // stylelint-disable value-keyword-case // $font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default; // $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; // // stylelint-enable value-keyword-case // $font-family-base: var(--#{$prefix}font-sans-serif) !default; // $font-family-code: var(--#{$prefix}font-monospace) !default;