weekly release 3.9dev
[moodle.git] / theme / boost / scss / preset / default.scss
CommitLineData
3ec69c2e
BB
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
323ce395 15$blue: #1177d1 !default;
3ec69c2e
BB
16$indigo: #6610f2 !default;
17$purple: #613d7c !default;
18$pink: #e83e8c !default;
19$red: #d9534f !default;
20$orange: #f0ad4e !default;
7b87d98d 21$yellow: #ff7518 !default;
3ec69c2e
BB
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;
28762213 37
28762213 38// Body
3ec69c2e 39$body-color: $gray-800 !default;
28762213 40
3ec69c2e
BB
41// Fonts
42$font-size-base: 0.9375rem !default;
43$headings-font-weight: 300 !default;
28762213
BR
44
45// Navbar
7b87d98d
AN
46$navbar-dark-hover-color: rgba($white, 1) !default;
47$navbar-light-hover-color: rgba($black, .9) !default;
28762213
BR
48
49// Breadcrumbs
3ec69c2e 50$breadcrumb-padding-y: .25rem !default;
7b87d98d 51$breadcrumb-padding-x: 0 !default;
3ec69c2e 52$breadcrumb-item-padding: .5rem !default;
7b87d98d 53$breadcrumb-margin-bottom: 0 !default;
3ec69c2e 54$breadcrumb-bg: transparent !default;
137c289a
FM
55$breadcrumb-divider: "/" !default;
56$breadcrumb-divider-rtl: "/" !default;
28762213 57
1b5630a0
FR
58// Floating elements positions
59$gototop-bottom-position: 50px !default;
60
3ec69c2e
BB
61// Alerts
62$alert-border-width: 0 !default;
d48dbde9 63
e4b4b9e7
BB
64$card-group-margin: .25rem;
65
dc38af73
BB
66// Custom control size
67$custom-control-indicator-size: 1.25rem;
68
dbbbeb89
DB
69// stylelint-disable
70$theme-colors: () !default;
71$theme-colors: map-merge((
7b87d98d 72 primary: $primary,
56fb4e81 73 secondary: $gray-400,
7b87d98d
AN
74 success: $success,
75 info: $info,
76 warning: $orange,
77 danger: $danger,
78 light: $gray-100,
79 dark: $gray-800
dbbbeb89
DB
80), $theme-colors);
81// stylelint-enable
4a59602a 82
3ec69c2e
BB
83// Import FontAwesome.
84@import "fontawesome";
4a59602a 85
3ec69c2e
BB
86// Import All of Bootstrap
87@import "bootstrap";
4a59602a 88
3ec69c2e
BB
89// Import Core moodle CSS
90@import "moodle";
771fe96b 91
3ec69c2e 92// Preset CSS
771fe96b 93
3ec69c2e 94body {
7b87d98d 95 -webkit-font-smoothing: antialiased;
137c289a
FM
96}
97
3ec69c2e 98.navbar {
7b87d98d 99 box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
4a59602a
BR
100}
101
7b87d98d
AN
102.filemanager-container,
103.filepicker-filelist {
3ec69c2e 104 @extend .border;
6e2aefd5 105}
77f5a9b0 106
3ec69c2e
BB
107// Rounded user pictures
108.userpicture {
109 border-radius: 50%;
77f5a9b0 110}
916c0ded
RW
111
112// Reset the default styling back to the bootstrap defaults for
113// the secondary outline button because gray-200 is much too light
b8ecdc48 114// for an outline button.
916c0ded
RW
115.btn-outline-secondary {
116 @include button-outline-variant($gray-600);
117 border-color: $border-color;
118}
56fb4e81
DW
119
120@include bg-variant(".bg-gray", $gray-200);