// General variable structure // // Variable format should follow the `$component-modifier-state-property` order. $image: '../img/'; $font: '../fonts/'; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-caret: true !default; $enable-rounded: false !default; $enable-shadows: true !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS $enable-grid-classes: true !default; $enable-print-styles: true !default; // stylelint-disable $spacer: 1rem !default; $spacers: () !default; $spacers: map-merge(( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer * 1.5, 4: ($spacer * 2), 5: ($spacer * 2.5), 6: ($spacer * 3), 7: ($spacer * 4.5) ), $spacers); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; $common-padding: $grid-gutter-width; // Color system $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; $grays: () !default; // stylelint-disable-next-line scss/dollar-variable-default $grays: map-merge( ( "100": $gray-100, "200": $gray-200, "300": $gray-300, "400": $gray-400, "500": $gray-500, "600": $gray-600, "700": $gray-700, "800": $gray-800, "900": $gray-900 ), $grays ); $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: () !default; // stylelint-disable-next-line scss/dollar-variable-default $colors: map-merge( ( "blue": $blue, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "green": $green, "teal": $teal, "cyan": $cyan, "white": $white, "gray": $gray-600, "gray-dark": $gray-800 ), $colors ); $antrazit: #2D2D2D; $antrazit85: #4C4C4C; $antrazit60: #818181; $antrazit40: #ABABAB; $antrazit25: #CACACA; $antrazit15: #E0E0E0; $antrazit08: #EFEFEF; $antrazit05: #F7F7F7; $border-color: $antrazit08; $border-color-darken: $antrazit25; // Grayscale and brand colors for use across Bootstrap. $gray-dark: $antrazit; $gray: $antrazit85; $gray-light: $antrazit60; $gray-lighter: $antrazit25; $gray-lightest: $antrazit08; $primary: #990099; $primary-d-100: #5C005C; $primary-d-200: #250025; $primary-l-100: #C955D9; $primary-l-200: #D196D9; $secondary: $antrazit60; $success: #5cb85c; $info: #5bc0de; $warning: #f0ad4e; $danger: #d9534f; $inverse: $gray-dark; // Body // // Settings for the `` element. $body-bg: $white; $body-color: $gray-900; $paragraph-margin-bottom: 2rem; $font-family-sans-serif: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; $font-size-base: 1rem; $font-size-sm: 0.75rem; $font-size-md: 0.875rem; $font-size-xl: 1.5rem; $h1-font-size: $font-size-base * 2; $h2-font-size: $font-size-base * 1.5; $h3-font-size: $font-size-base * 1.25; $h4-font-size: $font-size-base; $h5-font-size: $font-size-base; $h6-font-size: $font-size-base; $headings-margin-bottom: 1.5rem; $headings-font-weight: bold; $border-radius: 0 !default; $border-radius-lg: 0 !default; $border-radius-sm: 0 !default; $input-border-color: $antrazit25; $input-btn-padding-y: .375rem !default; $input-btn-padding-x: .75rem !default; $btn-border-width: 1px; $btn-font-weight: bold; $btn-block-spacing-y: .625rem !default; $btn-primary-color: #fff !default; $btn-primary-bg: $primary !default; $btn-primary-border: $btn-primary-bg !default; $btn-secondary-color: $gray-dark !default; $btn-secondary-bg: #fff !default; $btn-secondary-border: #ccc !default; $btn-info-color: #fff !default; $btn-info-bg: $antrazit40 !default; $btn-info-border: $antrazit40 !default; $btn-success-color: #fff !default; $btn-success-bg: $success !default; $btn-success-border: $btn-success-bg !default; $btn-warning-color: #fff !default; $btn-warning-bg: $warning !default; $btn-warning-border: $btn-warning-bg !default; $btn-danger-color: #fff !default; $btn-danger-bg: $danger !default; $btn-danger-border: $btn-danger-bg !default; $btn-padding-x-xl: 1.2rem !default; $btn-padding-y-xl: .615rem !default; $btn-padding-x-xxl: 1rem !default; $btn-padding-y-xxl: .615rem !default; $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-border-radius-xl: $border-radius-lg !default; $btn-border-radius-xxl: $border-radius-lg !default; $btn-padding-y: $input-btn-padding-y !default; $btn-padding-x: $input-btn-padding-x !default; $btn-iconed-padding-top: $btn-padding-y*1.1; $btn-iconed-padding-bottom: $btn-padding-y*0.9; $btn-hero-padding-y: 1.4rem !default; $btn-hero-padding-x: 1.8rem !default; $btn-hero-iconed-padding-top: $btn-hero-padding-y*1.1; $btn-hero-iconed-padding-bottom: $btn-hero-padding-y*0.9; $dropdown-min-width: 0rem; $dropdown-box-shadow: 0 2px 15px rgba($black, .2); $dropdown-border-radius: 3px; $dropdown-border-width: 0; $dropdown-padding-y: 23px; $dropdown-item-padding-y: 7px; $dropdown-item-padding-x: 30px; $dropdown-link-color: $body-color; $dropdown-link-hover-color: $primary; $dropdown-link-hover-bg: transparent; $dropdown-link-active-color: $primary; $dropdown-link-active-bg: transparent; $lead-font-size: 1.25rem; @import "bootstrap/variables"; $nav-tabs-border-color: $gray-200; $nav-tabs-link-hover-border-color: transparent; $nav-tabs-link-active-color: $body-color; $nav-tabs-link-active-bg: $gray-100; $nav-tabs-link-active-border-color: $gray-200 $gray-200 $nav-tabs-link-active-bg; $common-padding: $grid-gutter-width; $modal-inner-padding: 0 !default; $modal-footer-border-width: 0; $modal-md: 540; $font-family-icons: 'icomoon'; $accordion-border-radius: 10px; // Dropdowns // // Dropdown menu container and contents.