theme/classic/scss/preset/default.scss

   1 // Bootstrap variables
   2 $white:    #fff !default;
   3 $gray-100: #f8f9fa !default;
   4 $gray-200: #e9ecef !default;
   5 $gray-300: #dee2e6 !default;
   6 $gray-400: #ced4da !default;
   7 $gray-500: #adb5bd !default;
   8 $gray-600: #6c757d !default;
   9 $gray-700: #495057 !default;
  10 $gray-800: #343a40 !default;
  11 $gray-900: #212529 !default;
  12 $black:    #000 !default;
  13
  14 $blue:    #1177d1 !default;
  15 $indigo:  #6610f2 !default;
  16 $purple:  #613d7c !default;
  17 $pink:    #e83e8c !default;
  18 $red:     #d43f3a !default;
  19 $orange:  #f0ad4e !default;
  20 $yellow:  #ff7518 !default;
  21 $green:   #398439 !default;
  22 $teal:    #20c997 !default;
  23 $cyan:    #008196 !default;
  24
  25 $primary:       $blue !default;
  26 $success:       $green !default;
  27 $info:          $cyan !default;
  28 $warning:       $orange !default;
  29 $danger:        $red !default;
  30 $secondary:     $gray-400 !default;
  31
  32 $info-outline:    #1f7e9a;
  33 $warning-outline: #a6670e;
  34
  35 // Options
  36 $enable-rounded: true !default;
  37 $enable-responsive-font-sizes: true !default;
  38
  39 // Body
  40 $body-color:    $gray-900 !default;
  41
  42 // Fonts
  43 $font-size-base: 0.9375rem !default;
  44 $rfs-base-font-size: 0.9rem !default;
  45 $headings-font-weight:   300 !default;
  46
  47 // Navbar
  48 $navbar-dark-hover-color:           rgba($white, 1) !default;
  49 $navbar-light-color:                rgba($black, 0.6) !default;
  50 $navbar-light-hover-color:          rgba($black, .9) !default;
  51
  52 // Breadcrumbs
  53 $breadcrumb-padding-y:              .25rem !default;
  54 $breadcrumb-padding-x:              0 !default;
  55 $breadcrumb-item-padding:           .5rem !default;
  56 $breadcrumb-margin-bottom:          0 !default;
  57 $breadcrumb-bg:                     transparent !default;
  58 $breadcrumb-divider: "/" !default;
  59 $breadcrumb-divider-rtl: "/" !default;
  60
  61 // Alerts
  62 $alert-border-width:                0 !default;
  63
  64 $card-group-margin: .25rem;
  65
  66 $input-btn-focus-color: rgba($primary, .75) !default;
  67
  68 // stylelint-disable
  69 $theme-colors: () !default;
  70 $theme-colors: map-merge((
  71     primary: $primary,
  72     secondary: $secondary,
  73     success: $success,
  74     info: $info,
  75     warning: $warning,
  76     danger: $danger,
  77 ), $theme-colors);
  78 // stylelint-enable
  79
  80 $spacer: 1rem !default;
  81 $spacers: (
  82     0: 0,
  83     1: ($spacer * .25),
  84     2: ($spacer * .5),
  85     3: $spacer,
  86     4: ($spacer * 1.5),
  87     5: ($spacer * 2),
  88     6: ($spacer * 3)
  89 ) !default;
  90
  91 // Import FontAwesome.
  92 @import "fontawesome";
  93
  94 // Import All of Bootstrap
  95 @import "bootstrap";
  96
  97 // Import Core moodle CSS
  98 @import "moodle";
  99
 100 body {
 101     -webkit-font-smoothing: antialiased;
 102     -moz-osx-font-smoothing: grayscale;
 103 }
 104
 105 // Preset CSS
 106 .navbar {
 107     box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
 108 }
 109
 110 .filemanager-container,
 111 .filepicker-filelist {
 112     border: $border-width solid $border-color;
 113 }
 114
 115 // Rounded user pictures
 116 .userpicture {
 117     border-radius: 50%;
 118 }
 119
 120 .block {
 121     background-color: $gray-100;
 122 }
 123
 124 #page-my-index {
 125     background-color: $white;
 126 }
 127 // Reset the default styling back to the bootstrap defaults for
 128 // the secondary outline button because gray-200 is much too light
 129 // for an outline button.
 130 .btn-outline-secondary {
 131     @include button-outline-variant($gray-600);
 132     border-color: $gray-600;
 133 }
 134
 135 .btn-outline-info {
 136     @include button-outline-variant($info-outline);
 137 }
 138
 139 .btn-outline-warning {
 140     @include button-outline-variant($warning-outline);
 141 }