theme/boost/scss/preset/default.scss

   1 // Bootstrap variables
   2
   3 $white:    #fff !default;
   4 $gray-100: #f8f9fa !default;
   5 $gray-200: #e9ecef !default;
   6 $gray-300: #dee2e6 !default;
   7 $gray-400: #ced4da !default;
   8 $gray-500: #adb5bd !default;
   9 $gray-600: #868e96 !default;
  10 $gray-700: #495057 !default;
  11 $gray-800: #373a3c !default;
  12 $gray-900: #212529 !default;
  13 $black:    #000 !default;
  14
  15 $blue:    #1177d1 !default;
  16 $indigo:  #6610f2 !default;
  17 $purple:  #613d7c !default;
  18 $pink:    #e83e8c !default;
  19 $red:     #d9534f !default;
  20 $orange:  #f0ad4e !default;
  21 $yellow:  #ff7518 !default;
  22 $green:   #5cb85c !default;
  23 $teal:    #20c997 !default;
  24 $cyan:    #5bc0de !default;
  25
  26 $primary:       $blue !default;
  27 $secondary:     $gray-800 !default;
  28 $success:       $green !default;
  29 $info:          $cyan !default;
  30 $warning:       $yellow !default;
  31 $danger:        $red !default;
  32 $light:         $gray-100 !default;
  33 $dark:          $gray-800 !default;
  34
  35 // Options
  36 $enable-rounded: false !default;
  37
  38 // Body
  39 $body-color:    $gray-800 !default;
  40
  41 // Fonts
  42 $font-size-base: 0.9375rem !default;
  43 $headings-font-weight:   300 !default;
  44
  45 // Navbar
  46 $navbar-dark-hover-color:           rgba($white, 1) !default;
  47 $navbar-light-hover-color:          rgba($black, .9) !default;
  48
  49 // Breadcrumbs
  50 $breadcrumb-padding-y:              .25rem !default;
  51 $breadcrumb-padding-x:              0 !default;
  52 $breadcrumb-item-padding:           .5rem !default;
  53 $breadcrumb-margin-bottom:          0 !default;
  54 $breadcrumb-bg:                     transparent !default;
  55 $breadcrumb-divider: "/" !default;
  56 $breadcrumb-divider-rtl: "/" !default;
  57
  58 // Alerts
  59 $alert-border-width:                0 !default;
  60
  61 $theme-colors: (
  62     primary: $primary,
  63     secondary: $gray-200,
  64     success: $success,
  65     info: $info,
  66     warning: $orange,
  67     danger: $danger,
  68     light: $gray-100,
  69     dark: $gray-800
  70 );
  71
  72 // Import FontAwesome.
  73 @import "fontawesome";
  74
  75 // Import All of Bootstrap
  76 @import "bootstrap";
  77
  78 // Import Core moodle CSS
  79 @import "moodle";
  80
  81 // Preset CSS
  82
  83 body {
  84     -webkit-font-smoothing: antialiased;
  85 }
  86
  87 .navbar {
  88     box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
  89 }
  90
  91 .filemanager-container,
  92 .filepicker-filelist {
  93     @extend .border;
  94 }
  95
  96 // Rounded user pictures
  97 .userpicture {
  98     border-radius: 50%;
  99 }
 100
 101 // Reset the default styling back to the bootstrap defaults for
 102 // the secondary outline button because gray-200 is much too light
 103 // for an outline button.
 104 .btn-outline-secondary {
 105     @include button-outline-variant($gray-600);
 106     border-color: $border-color;
 107 }