weekly release 4.0dev
[moodle.git] / theme / boost / 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: #8f959e !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;
14 $blue:    #0f6fc5 !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;
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;
32 $info-outline:    #1f7e9a;
33 $warning-outline: #a6670e;
35 // Options
36 $enable-rounded: false !default;
37 $enable-responsive-font-sizes: true !default;
39 // Body
40 $body-color:    $gray-900 !default;
42 // Fonts
43 $font-size-base: 0.9375rem !default;
44 $rfs-base-font-size: 0.9rem !default;
45 $headings-font-weight:   300 !default;
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;
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;
61 // Floating elements positions
62 $gototop-bottom-position: 50px !default;
64 // Alerts
65 $alert-border-width:                0 !default;
67 $card-group-margin: .25rem;
69 // Toasts
70 $toast-color:                       $white !default;
71 $toast-background-color:            rgba($gray-900, .95) !default;
72 $toast-header-color:                $gray-100 !default;
73 $toast-header-background-color:     rgba($white, .1) !default;
75 // Custom control size
76 $custom-control-indicator-size: 1.25rem;
78 $input-btn-focus-color: rgba($primary, .75) !default;
80 $input-border-color: $gray-500 !default;
82 $dropdown-link-hover-color: $white;
83 $dropdown-link-hover-bg: $primary;
85 // stylelint-disable
86 $theme-colors: () !default;
87 $theme-colors: map-merge((
88     primary: $primary,
89     secondary: $secondary,
90     success: $success,
91     info: $info,
92     warning: $warning,
93     danger: $danger,
94 ), $theme-colors);
95 // stylelint-enable
97 $spacer: 1rem !default;
98 $spacers: (
99     0: 0,
100     1: ($spacer * .25),
101     2: ($spacer * .5),
102     3: $spacer,
103     4: ($spacer * 1.5),
104     5: ($spacer * 2),
105     6: ($spacer * 3)
106 ) !default;
108 // Import FontAwesome.
109 @import "fontawesome";
111 // Import All of Bootstrap
112 @import "bootstrap";
114 // Import Core moodle CSS
115 @import "moodle";
117 // Preset CSS
119 body {
120     -webkit-font-smoothing: antialiased;
121     -moz-osx-font-smoothing: grayscale;
124 .navbar {
125     box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
128 // Rounded user pictures
129 .userpicture {
130     border-radius: 50%;
133 // Reset the default styling back to the bootstrap defaults for
134 // the secondary outline button because gray-200 is much too light
135 // for an outline button.
136 .btn-outline-secondary {
137     @include button-outline-variant($gray-600);
138     border-color: $gray-600;
141 .btn-outline-info {
142     @include button-outline-variant($info-outline);
145 .btn-outline-warning {
146     @include button-outline-variant($warning-outline);
149 @include bg-variant(".bg-gray", $gray-200, true);