git.roojs.org Git - roojs1/blob - scss/startbootstrap-sb-admin-2/_variables.scss

   1 // Override Bootstrap default variables here
   2 // Do not edit any of the files in /vendor/bootstrap/scss/!
   3
   4 // Color Variables
   5 // Bootstrap Color Overrides
   6
   7 $white: #fff !default;
   8 $gray-100: #f8f9fc !default;
   9 $gray-200: #eaecf4 !default;
  10 $gray-300: #dddfeb !default;
  11 $gray-400: #d1d3e2 !default;
  12 $gray-500: #b7b9cc !default;
  13 $gray-600: #858796 !default;
  14 $gray-700: #6e707e !default;
  15 $gray-800: #5a5c69 !default;
  16 $gray-900: #3a3b45 !default;
  17 $black: #000 !default;
  18
  19 $blue: #4e73df !default;
  20 $indigo: #6610f2 !default;
  21 $purple: #6f42c1 !default;
  22 $pink: #e83e8c !default;
  23 $red: #e74a3b !default;
  24 $orange: #fd7e14 !default;
  25 $yellow: #f6c23e !default;
  26 $green: #1cc88a !default;
  27 $teal: #20c9a6 !default;
  28 $cyan: #36b9cc !default;
  29
  30 // Custom Colors
  31 $brand-google: #ea4335 !default;
  32 $brand-facebook: #3b5998 !default;
  33
  34 // Set Contrast Threshold
  35 $yiq-contrasted-threshold: 195 !default;
  36
  37 // Typography
  38 $body-color: $gray-600 !default;
  39
  40 $font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 'Noto Color Emoji' !default;
  41
  42 $font-weight-light: 300 !default;
  43 // $font-weight-base: 400;
  44 $headings-font-weight: 400 !default;
  45
  46 // Shadows
  47 $box-shadow-sm: 0 0.125rem 0.25rem 0 rgba($gray-900, .2) !default;
  48 $box-shadow: 0 0.15rem 1.75rem 0 rgba($gray-900, .15) !default;
  49 // $box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
  50
  51 // Borders Radius
  52 $border-radius: 0.35rem !default;
  53 $border-color: darken($gray-200, 2%) !default;
  54
  55 // Spacing Variables
  56 // Change below variable if the height of the navbar changes
  57 $topbar-base-height: 4.375rem !default;
  58 // Change below variable to change the width of the sidenav
  59 $sidebar-base-width: 14rem !default;
  60 // Change below variable to change the width of the sidenav when collapsed
  61 $sidebar-collapsed-width: 6.5rem !default;
  62
  63 // Card
  64 // $card-cap-bg: $gray-100 !default;  << this makes all weights grey.. doesn tlook great.
  65 $card-border-color: $border-color !default;
  66
  67 // Adjust column spacing for symmetry
  68 $spacer: 1rem !default;
  69 $grid-gutter-width: $spacer * 1.5 !default;
  70
  71 // Transitions
  72 $transition-collapse: height .15s ease !default;
  73
  74 // Dropdowns
  75 $dropdown-font-size: 0.85rem !default;
  76 $dropdown-border-color: $border-color !default;
  77
  78 // Images ??? - fixme ?
  79 $login-image: 'https://source.unsplash.com/K4mSJ7kc0As/600x800' !default;
  80 $register-image: 'https://source.unsplash.com/Mv9hjnEUHR4/600x800' !default;
  81 $password-image: 'https://source.unsplash.com/oWTW-jNGl9I/600x800' !default;