weekly release 3.5dev
[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 }
88d7f109 93 padding-top: 0;
4a59602a
BR
94 }
95 }
137c289a 96
4a59602a 97 .navbar-nav {
137c289a
FM
98 .nav-item + .nav-item {
99 margin-left: $spacer * 2;
100 }
4a59602a
BR
101 .nav-link {
102 font-size: $font-size-sm;
103 text-transform: uppercase;
104 letter-spacing: 1px;
105 }
106 }
107}
108
137c289a
FM
109/**
110 * Styling the dropdown menus.
111 */
4a59602a
BR
112.dropdown-menu {
113 font-size: 14px;
4a59602a 114 border-radius: 0;
4a59602a 115 .dropdown-item {
137c289a
FM
116 padding-top: 8px;
117 padding-bottom: 8px;
118 border-bottom: $border-width solid $dropdown-border-color;
4a59602a
BR
119 &:last-child {
120 border-bottom: 0;
121 }
122 }
137c289a
FM
123 .dropdown-divider {
124 display: none;
125 }
4a59602a
BR
126}
127
137c289a
FM
128/**
129 * User picture.
130 */
131.userpicture {
132 border-radius: 50%;
4a59602a
BR
133}
134
137c289a
FM
135/**
136 * For background in content areas.
137 */
771fe96b
BR
138#page.container-fluid {
139 padding: 0 (2 * $spacer);
140}
141
142#block-region-side-pre {
143 padding-left: 0;
144}
145
137c289a
FM
146/**
147 * Dashboard styling.
148 */
d1de864f 149#page-my-index {
137c289a
FM
150 #region-main {
151 background-color: transparent;
152 border: 0;
153 padding: 0;
154 }
155}
156
157/**
158 * Blocks.
159 */
4a59602a
BR
160.block-region .card-block {
161 .card-title {
162 padding-bottom: ($spacer/2);
8e62956e
BR
163 font-size: 1.143rem;
164 font-weight: 600;
165 text-transform: uppercase;
4a59602a
BR
166 }
167}
168
137c289a
FM
169/**
170 * Navigation.
171 */
4a59602a
BR
172.block_navigation,
173.block_settings {
174 .block_tree .tree_item {
175 margin: ($spacer/2) 0;
176 }
177}
178
137c289a
FM
179/**
180 * Form styles.
181 */
6e2aefd5
BR
182
183.form-group {
184 margin-top: ($spacer/2);
185}
77f5a9b0 186
137c289a
FM
187.form-inline .form-group {
188 margin-top: 0;
77f5a9b0 189}
99061152
DW
190
191