[Summary view] [Print] [Text view]

   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: #8f959e !default;
   8  $gray-600: #6a737b !default;
   9  $gray-700: #495057 !default;
  10  $gray-800: #343a40 !default;
  11  $gray-900: #1d2125 !default;
  12  $black:    #000 !default;
  13  
  14  $blue:    #0f6cbf !default;
  15  $indigo:  #6610f2 !default;
  16  $purple:  #613d7c !default;
  17  $pink:    #e83e8c !default;
  18  $red:     #ca3120 !default;
  19  $orange:  #f0ad4e !default;
  20  $yellow:  #ff7518 !default;
  21  $green:   #357a32 !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  // Tables
  36  $table-accent-bg:             rgba($black, .03) !default;
  37  
  38  // Options
  39  $enable-rounded: false !default;
  40  $enable-responsive-font-sizes: true !default;
  41  
  42  // Body
  43  $body-color:    $gray-900 !default;
  44  
  45  // Fonts
  46  $font-size-base: 0.9375rem !default;
  47  $rfs-base-font-size: 0.9rem !default;
  48  $headings-font-weight:   300 !default;
  49  
  50  // Navbar
  51  $navbar-dark-hover-color:           rgba($white, 1) !default;
  52  $navbar-light-color:                rgba($black, 0.6) !default;
  53  $navbar-light-hover-color:          rgba($black, .9) !default;
  54  
  55  // Breadcrumbs
  56  $breadcrumb-padding-y:              .25rem !default;
  57  $breadcrumb-padding-x:              0 !default;
  58  $breadcrumb-item-padding:           .5rem !default;
  59  $breadcrumb-margin-bottom:          0 !default;
  60  $breadcrumb-bg:                     transparent !default;
  61  $breadcrumb-divider: "/" !default;
  62  $breadcrumb-divider-rtl: "/" !default;
  63  
  64  // Floating elements positions
  65  $gototop-bottom-position: 50px !default;
  66  
  67  // Alerts
  68  $alert-border-width:                0 !default;
  69  
  70  $card-group-margin: .25rem;
  71  
  72  // Custom control size
  73  $custom-control-indicator-size: 1.25rem;
  74  
  75  $input-btn-focus-color: rgba($primary, .75) !default;
  76  
  77  $input-border-color: $gray-500 !default;
  78  
  79  $dropdown-link-hover-color: $white;
  80  $dropdown-link-hover-bg: $primary;
  81  
  82  // stylelint-disable
  83  $theme-colors: () !default;
  84  $theme-colors: map-merge((
  85      primary: $primary,
  86      secondary: $secondary,
  87      success: $success,
  88      info: $info,
  89      warning: $warning,
  90      danger: $danger,
  91  ), $theme-colors);
  92  // stylelint-enable
  93  
  94  $spacer: 1rem !default;
  95  $spacers: (
  96      0: 0,
  97      1: ($spacer * .25),
  98      2: ($spacer * .5),
  99      3: $spacer,
 100      4: ($spacer * 1.5),
 101      5: ($spacer * 2),
 102      6: ($spacer * 3)
 103  ) !default;
 104  
 105  // Import FontAwesome.
 106  @import "fontawesome";
 107  
 108  // Import All of Bootstrap
 109  @import "bootstrap";
 110  
 111  // Import Core moodle CSS
 112  @import "moodle";
 113  
 114  // Preset CSS
 115  
 116  body {
 117      -webkit-font-smoothing: antialiased;
 118      -moz-osx-font-smoothing: grayscale;
 119  }
 120  
 121  .navbar {
 122      box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
 123  }
 124  
 125  // Rounded user pictures
 126  .userpicture {
 127      border-radius: 50%;
 128  }
 129  
 130  // Reset the default styling back to the bootstrap defaults for
 131  // the secondary outline button because gray-200 is much too light
 132  // for an outline button.
 133  .btn-outline-secondary {
 134      @include button-outline-variant($gray-600);
 135      border-color: $gray-600;
 136  }
 137  
 138  .btn-outline-info {
 139      @include button-outline-variant($info-outline);
 140  }
 141  
 142  .btn-outline-warning {
 143      @include button-outline-variant($warning-outline);
 144  }
 145  
 146  @include bg-variant(".bg-gray", $gray-200, true);