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