MDL-69395 theme_boost: improve colour contrast for form input fields
[moodle.git] / theme / classic / scss / preset / default.scss
CommitLineData
de213bf0 1// Bootstrap variables
de213bf0
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;
1a17df08 8$gray-600: #6c757d !default;
de213bf0 9$gray-700: #495057 !default;
1a17df08 10$gray-800: #343a40 !default;
de213bf0
BB
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;
1a17df08 18$red: #d43f3a !default;
de213bf0
BB
19$orange: #f0ad4e !default;
20$yellow: #ff7518 !default;
1a17df08 21$green: #398439 !default;
de213bf0 22$teal: #20c997 !default;
d17a85c7 23$cyan: #008196 !default;
de213bf0
BB
24
25$primary: $blue !default;
de213bf0
BB
26$success: $green !default;
27$info: $cyan !default;
1a17df08 28$warning: $orange !default;
de213bf0 29$danger: $red !default;
1a17df08
BB
30$secondary: $gray-400 !default;
31
32$info-outline: #1f7e9a;
33$warning-outline: #a6670e;
de213bf0
BB
34
35// Options
36$enable-rounded: true !default;
92bc86e4 37$enable-responsive-font-sizes: true !default;
de213bf0
BB
38
39// Body
8fcc063a 40$body-color: $gray-900 !default;
de213bf0
BB
41
42// Fonts
43$font-size-base: 0.9375rem !default;
92bc86e4 44$rfs-base-font-size: 0.9rem !default;
de213bf0
BB
45$headings-font-weight: 300 !default;
46
47// Navbar
48$navbar-dark-hover-color: rgba($white, 1) !default;
338fd44c 49$navbar-light-color: rgba($black, 0.6) !default;
de213bf0
BB
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
91de0ed8
BB
66$input-btn-focus-color: rgba($primary, .75) !default;
67
609d8b38
BB
68$input-border-color: $gray-500 !default;
69
da37a3ad
DB
70// stylelint-disable
71$theme-colors: () !default;
72$theme-colors: map-merge((
de213bf0 73 primary: $primary,
1a17df08 74 secondary: $secondary,
de213bf0
BB
75 success: $success,
76 info: $info,
1a17df08 77 warning: $warning,
de213bf0 78 danger: $danger,
da37a3ad
DB
79), $theme-colors);
80// stylelint-enable
de213bf0 81
4394f9e3
BB
82$spacer: 1rem !default;
83$spacers: (
84 0: 0,
85 1: ($spacer * .25),
86 2: ($spacer * .5),
87 3: $spacer,
88 4: ($spacer * 1.5),
89 5: ($spacer * 2),
90 6: ($spacer * 3)
91) !default;
92
de213bf0
BB
93// Import FontAwesome.
94@import "fontawesome";
95
96// Import All of Bootstrap
97@import "bootstrap";
98
99// Import Core moodle CSS
100@import "moodle";
101
d6cd1d87
BB
102body {
103 -webkit-font-smoothing: antialiased;
104 -moz-osx-font-smoothing: grayscale;
105}
106
de213bf0
BB
107// Preset CSS
108.navbar {
109 box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
110}
111
112.filemanager-container,
113.filepicker-filelist {
114 border: $border-width solid $border-color;
115}
116
117// Rounded user pictures
118.userpicture {
119 border-radius: 50%;
120}
121
122.block {
123 background-color: $gray-100;
124}
db919724
BB
125
126#page-my-index {
127 background-color: $white;
128}
de213bf0
BB
129// Reset the default styling back to the bootstrap defaults for
130// the secondary outline button because gray-200 is much too light
131// for an outline button.
132.btn-outline-secondary {
133 @include button-outline-variant($gray-600);
1a17df08
BB
134 border-color: $gray-600;
135}
136
137.btn-outline-info {
138 @include button-outline-variant($info-outline);
139}
140
141.btn-outline-warning {
142 @include button-outline-variant($warning-outline);
143}