MDL-58889 boost: Make text and link colours AA compliant
[moodle.git] / theme / boost / scss / preset / default.scss
CommitLineData
5cb8ca86 1/* stylelint-disable color-hex-length */
d48dbde9
FM
2/**
3 * Default preset file.
4 *
5 * Use this space to customise variables, create mixins and override SCSS.
6 */
7
28762213 8// Colors
28762213
BR
9$gray-dark: #373a3c !default;
10$gray: #55595c !default;
11$gray-light: #818a91 !default;
12$gray-lighter: #eceeef !default;
13$gray-lightest: #f7f7f9 !default;
14
5918f31e 15$brand-primary: #1177d1 !default;
4a59602a 16$brand-success: #77b300 !default;
4a59602a
BR
17$brand-warning: #ff8800 !default;
18$brand-danger: #ff4136 !default;
28762213 19$brand-inverse: $gray-dark !default;
99061152 20$navbar-height: 50px !default;
28762213 21
28762213 22// Spacing
28762213
BR
23$spacer: 1rem !default;
24$spacer-x: $spacer !default;
25$spacer-y: $spacer !default;
28762213
BR
26$border-width: 1px !default;
27
28762213 28// Body
4a59602a 29$body-bg: #f4f4f4 !default;
5918f31e 30$body-color: #262626 !default;
28762213
BR
31
32// Typography
4a59602a 33$font-family-sans-serif: "Open Sans", "Helvetica Neue", Arial, sans-serif !default;
4a59602a 34$font-size-root: 14px !default;
28762213 35
28762213 36// Tables
28762213 37$table-bg: transparent !default;
8d923368
BR
38$table-bg-accent: #fafafa !default;
39$table-bg-hover: lighten($brand-primary, 55%) !default;
28762213 40$table-bg-active: $table-bg-hover !default;
137c289a 41$table-border-color: #f4f4f4 !default;
28762213
BR
42
43// Dropdowns
137c289a 44$dropdown-border-color: #e2e2e2 !default;
a26ce248 45$dropdown-link-color: $body-color;
28762213
BR
46
47// Navbar
5cb8ca86 48$navbar-light-color: rgba(0, 0, 0, .535) !default;
4a59602a
BR
49$navbar-light-hover-color: $brand-primary !default;
50$navbar-light-active-color: $brand-primary !default;
28762213
BR
51
52// Cards
137c289a 53$card-border-radius: 0 !default;
5cb8ca86 54$card-border-color: rgba(238, 238, 238, 1) !default;
28762213
BR
55
56// Breadcrumbs
137c289a
FM
57$breadcrumb-bg: transparent !default;
58$breadcrumb-padding-x: 0 !default;
59$breadcrumb-divider: "/" !default;
60$breadcrumb-divider-rtl: "/" !default;
28762213 61
d48dbde9
FM
62// Import everything.
63@import "moodle";
64
137c289a
FM
65/**
66 * Navigation bar identity.
67 */
4a59602a
BR
68.navbar-light {
69 background-color: #fff;
137c289a
FM
70 border-bottom: $border-width solid #e5e5e5;
71
72 .container {
73 padding-left: 0;
74 padding-right: 0;
75 }
76
4a59602a 77 .navbar-brand {
137c289a
FM
78 padding-left: 1rem;
79 padding-right: 1rem;
80 margin-right: $spacer * 2;
4a59602a
BR
81 color: #fff;
82 background-color: $brand-primary;
83 @include hover-focus {
137c289a
FM
84 color: #fff;
85 }
86 &.has-logo {
87 color: $brand-primary;
88 background-color: transparent;
89 @include hover-focus {
90 color: $brand-primary;
91 }
4a59602a
BR
92 }
93 }
137c289a 94
4a59602a 95 .navbar-nav {
137c289a
FM
96 .nav-item + .nav-item {
97 margin-left: $spacer * 2;
98 }
4a59602a
BR
99 .nav-link {
100 font-size: $font-size-sm;
101 text-transform: uppercase;
102 letter-spacing: 1px;
103 }
104 }
105}
106
137c289a
FM
107/**
108 * Styling the dropdown menus.
109 */
4a59602a
BR
110.dropdown-menu {
111 font-size: 14px;
4a59602a 112 border-radius: 0;
4a59602a 113 .dropdown-item {
137c289a
FM
114 padding-top: 8px;
115 padding-bottom: 8px;
116 border-bottom: $border-width solid $dropdown-border-color;
4a59602a
BR
117 &:last-child {
118 border-bottom: 0;
119 }
120 }
137c289a
FM
121 .dropdown-divider {
122 display: none;
123 }
4a59602a
BR
124}
125
137c289a
FM
126/**
127 * User picture.
128 */
129.userpicture {
130 border-radius: 50%;
4a59602a
BR
131}
132
137c289a
FM
133/**
134 * For background in content areas.
135 */
771fe96b
BR
136#page.container-fluid {
137 padding: 0 (2 * $spacer);
138}
139
140#block-region-side-pre {
141 padding-left: 0;
142}
143
137c289a
FM
144/**
145 * Dashboard styling.
146 */
d1de864f 147#page-my-index {
137c289a
FM
148 #region-main {
149 background-color: transparent;
150 border: 0;
151 padding: 0;
152 }
153}
154
155/**
156 * Blocks.
157 */
4a59602a
BR
158.block-region .card-block {
159 .card-title {
160 padding-bottom: ($spacer/2);
8e62956e
BR
161 font-size: 1.143rem;
162 font-weight: 600;
163 text-transform: uppercase;
4a59602a
BR
164 }
165}
166
137c289a
FM
167/**
168 * Navigation.
169 */
4a59602a
BR
170.block_navigation,
171.block_settings {
172 .block_tree .tree_item {
173 margin: ($spacer/2) 0;
174 }
175}
176
137c289a
FM
177/**
178 * Form styles.
179 */
6e2aefd5
BR
180
181.form-group {
182 margin-top: ($spacer/2);
183}
77f5a9b0 184
137c289a
FM
185.form-inline .form-group {
186 margin-top: 0;
77f5a9b0 187}
99061152
DW
188
189