@use 'sass:map'; @import '../../../node_modules/bootstrap/scss/functions'; // Color system $white: #fff; $gray-100: #f8f9fa; $gray-200: #e9ecef; $gray-300: #dee2e6; $gray-400: #ced4da; $gray-500: #adb5bd; $gray-600: #6c757d; $gray-700: #495057; $gray-800: #343a40; $gray-900: #212529; $black: #000; $grays: (); $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; $indigo: #4c4add; $purple: #6f42c1; $pink: #fe1379; $red: #dc3545; $orange: #fd7e14; $yellow: #ffc107; $green: #28a760; $teal: #20c997; $cyan: #17a2b8; $colors: (); $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 ); $primary: $pink; $secondary: $gray-600; $success: $green; $info: $indigo; $info-alt: $cyan; $warning: $yellow; $warning-alt: $orange; $danger: $red; $light: $gray-100; $dark: $gray-800; $theme-colors: (); $theme-colors: map-merge( ( "primary": $primary, "secondary": $secondary, "success": $success, "info": $info, "info-alt": $info-alt, "warning": $warning, "warning-alt":$warning-alt, "danger": $danger, "light": $light, "dark": $dark ), $theme-colors ); $link-color: lighten($primary, 15%); // Spacing $spacer: 1rem; $spacers: (); $spacers: map-merge( ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3), 6: ($spacer * 5), ), $spacers ); @import '../../../node_modules/bootstrap/scss/_variables';