weekly release 4.0dev
[moodle.git] / theme / boost / scss / preset / default.scss
CommitLineData
3ec69c2e 1// Bootstrap variables
3ec69c2e
BB
2$white: #fff !default;
3$gray-100: #f8f9fa !default;
4$gray-200: #e9ecef !default;
5$gray-300: #dee2e6 !default;
6$gray-400: #ced4da !default;
609d8b38 7$gray-500: #8f959e !default;
71cf8ee1 8$gray-600: #6a737b !default;
3ec69c2e 9$gray-700: #495057 !default;
1a17df08 10$gray-800: #343a40 !default;
3ec69c2e
BB
11$gray-900: #212529 !default;
12$black: #000 !default;
13
df18b4ee 14$blue: #0f6fc5 !default;
3ec69c2e
BB
15$indigo: #6610f2 !default;
16$purple: #613d7c !default;
17$pink: #e83e8c !default;
df18b4ee 18$red: #ca3120 !default;
3ec69c2e 19$orange: #f0ad4e !default;
7b87d98d 20$yellow: #ff7518 !default;
df18b4ee 21$green: #357a32 !default;
3ec69c2e 22$teal: #20c997 !default;
d17a85c7 23$cyan: #008196 !default;
3ec69c2e
BB
24
25$primary: $blue !default;
3ec69c2e
BB
26$success: $green !default;
27$info: $cyan !default;
1a17df08 28$warning: $orange !default;
3ec69c2e 29$danger: $red !default;
1a17df08
BB
30$secondary: $gray-400 !default;
31
32$info-outline: #1f7e9a;
33$warning-outline: #a6670e;
3ec69c2e 34
71cf8ee1
JP
35// Tables
36$table-accent-bg: rgba($black, .03) !default;
37
3ec69c2e
BB
38// Options
39$enable-rounded: false !default;
92bc86e4 40$enable-responsive-font-sizes: true !default;
28762213 41
28762213 42// Body
b01c8490 43$body-color: $gray-900 !default;
28762213 44
3ec69c2e
BB
45// Fonts
46$font-size-base: 0.9375rem !default;
92bc86e4 47$rfs-base-font-size: 0.9rem !default;
3ec69c2e 48$headings-font-weight: 300 !default;
28762213
BR
49
50// Navbar
7b87d98d 51$navbar-dark-hover-color: rgba($white, 1) !default;
338fd44c 52$navbar-light-color: rgba($black, 0.6) !default;
7b87d98d 53$navbar-light-hover-color: rgba($black, .9) !default;
28762213
BR
54
55// Breadcrumbs
3ec69c2e 56$breadcrumb-padding-y: .25rem !default;
7b87d98d 57$breadcrumb-padding-x: 0 !default;
3ec69c2e 58$breadcrumb-item-padding: .5rem !default;
7b87d98d 59$breadcrumb-margin-bottom: 0 !default;
3ec69c2e 60$breadcrumb-bg: transparent !default;
137c289a
FM
61$breadcrumb-divider: "/" !default;
62$breadcrumb-divider-rtl: "/" !default;
28762213 63
1b5630a0
FR
64// Floating elements positions
65$gototop-bottom-position: 50px !default;
66
3ec69c2e
BB
67// Alerts
68$alert-border-width: 0 !default;
d48dbde9 69
e4b4b9e7
BB
70$card-group-margin: .25rem;
71
e7fa1147
MM
72// Toasts
73$toast-color: $white !default;
74$toast-background-color: rgba($gray-900, .95) !default;
75$toast-header-color: $gray-100 !default;
76$toast-header-background-color: rgba($white, .1) !default;
77
dc38af73
BB
78// Custom control size
79$custom-control-indicator-size: 1.25rem;
80
91de0ed8
BB
81$input-btn-focus-color: rgba($primary, .75) !default;
82
609d8b38
BB
83$input-border-color: $gray-500 !default;
84
451bd407
BB
85$dropdown-link-hover-color: $white;
86$dropdown-link-hover-bg: $primary;
87
dbbbeb89
DB
88// stylelint-disable
89$theme-colors: () !default;
90$theme-colors: map-merge((
7b87d98d 91 primary: $primary,
1a17df08 92 secondary: $secondary,
7b87d98d
AN
93 success: $success,
94 info: $info,
1a17df08 95 warning: $warning,
7b87d98d 96 danger: $danger,
dbbbeb89
DB
97), $theme-colors);
98// stylelint-enable
4a59602a 99
4394f9e3
BB
100$spacer: 1rem !default;
101$spacers: (
102 0: 0,
103 1: ($spacer * .25),
104 2: ($spacer * .5),
105 3: $spacer,
106 4: ($spacer * 1.5),
107 5: ($spacer * 2),
108 6: ($spacer * 3)
109) !default;
110
3ec69c2e
BB
111// Import FontAwesome.
112@import "fontawesome";
4a59602a 113
3ec69c2e
BB
114// Import All of Bootstrap
115@import "bootstrap";
4a59602a 116
3ec69c2e
BB
117// Import Core moodle CSS
118@import "moodle";
771fe96b 119
3ec69c2e 120// Preset CSS
771fe96b 121
3ec69c2e 122body {
7b87d98d 123 -webkit-font-smoothing: antialiased;
d6cd1d87 124 -moz-osx-font-smoothing: grayscale;
137c289a
FM
125}
126
3ec69c2e 127.navbar {
7b87d98d 128 box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
4a59602a
BR
129}
130
3ec69c2e
BB
131// Rounded user pictures
132.userpicture {
133 border-radius: 50%;
77f5a9b0 134}
916c0ded
RW
135
136// Reset the default styling back to the bootstrap defaults for
137// the secondary outline button because gray-200 is much too light
b8ecdc48 138// for an outline button.
916c0ded
RW
139.btn-outline-secondary {
140 @include button-outline-variant($gray-600);
1a17df08
BB
141 border-color: $gray-600;
142}
143
144.btn-outline-info {
145 @include button-outline-variant($info-outline);
146}
147
148.btn-outline-warning {
149 @include button-outline-variant($warning-outline);
916c0ded 150}
56fb4e81 151
6a4ce7b0 152@include bg-variant(".bg-gray", $gray-200, true);