3 // Use all Bootstrap modules that we want
4 @import "../bootstrap/scss/functions";
5 @import "../bootstrap/scss/variables";
6 @import "../bootstrap/scss/mixins";
7 @import "../bootstrap/scss/root";
8 @import "../bootstrap/scss/reboot";
9 @import "../bootstrap/scss/type";
10 @import "../bootstrap/scss/images";
11 @import "../bootstrap/scss/code";
12 @import "../bootstrap/scss/grid";
13 @import "../bootstrap/scss/tables";
14 @import "../bootstrap/scss/forms";
15 @import "../bootstrap/scss/buttons";
16 @import "../bootstrap/scss/transitions";
17 @import "../bootstrap/scss/dropdown";
18 @import "../bootstrap/scss/button-group";
19 @import "../bootstrap/scss/input-group";
20 @import "../bootstrap/scss/custom-forms";
21 @import "../bootstrap/scss/nav";
22 @import "../bootstrap/scss/navbar";
23 @import "../bootstrap/scss/card";
24 @import "../bootstrap/scss/pagination";
25 @import "../bootstrap/scss/breadcrumb";
26 @import "../bootstrap/scss/badge";
27 @import "../bootstrap/scss/alert";
28 @import "../bootstrap/scss/progress";
29 @import "../bootstrap/scss/media";
30 @import "../bootstrap/scss/list-group";
31 @import "../bootstrap/scss/close";
32 @import "../bootstrap/scss/modal";
33 @import "../bootstrap/scss/spinners";
34 @import "../bootstrap/scss/utilities";
35 @import "../bootstrap/scss/print";
38 @import "_fonts.scss";
43 // Makes everything white with dark text on it
45 background-color: $body-color;
57 text-transform: uppercase;
60 @each $color, $value in $theme-colors {
63 background-color: rgba($value, .15);
68 background-color: $dark;
69 border-radius: $border-radius;
70 padding: 0.1rem 0.2rem;
74 background-color: $dark;
75 border-radius: $border-radius;
79 background-color: inherit;
87 // Reset padding for sections
105 border-left: 2px solid $link-color;
111 background-color: rgba($gray-400, .06);
113 // Webkit is being stupid and cannot figure out the height
114 // of the navbar by itself
115 min-height: $navbar-height;
126 border-bottom: 2px solid $link-color;
139 @include media-breakpoint-up(lg) {
140 height: calc(100vh - #{$navbar-height});
148 @include media-breakpoint-up(md) {
152 @include media-breakpoint-up(lg) {
156 @include media-breakpoint-up(xl) {
165 margin-top: $spacer * 3;
171 background-color: rgba($gray-400, .04);
173 @include media-breakpoint-down(md) {
187 margin-bottom: $spacer / 4;
193 background-color: rgba($gray-400, .06);
196 font-size: $small-font-size;
210 @include media-breakpoint-up(md) {
214 @include media-breakpoint-up(md) {
215 // Reset large headlines to normal size on mobile devices
217 font-size: $display1-size;
218 font-weight: $display1-weight;
219 line-height: $display-line-height;
236 h1, h2, h3, h4, h5, h6 {
238 font-weight: $headings-font-weight;
239 line-height: $headings-line-height;
240 margin-bottom: 0.25rem;
251 // Add some extra margin to the top & bottom
252 padding: ($spacer * 2) 0 ($spacer * 2) 0;
256 &.lightning-wire-labs {
278 h1, h2, h3, h4, h5, h6 {
279 font-weight: $headings-font-weight;
280 line-height: $headings-line-height;
281 margin-bottom: 0.5rem;
285 font-size: $h4-font-size;
289 font-size: $h5-font-size;
293 font-size: $h6-font-size;
304 // Add some extra margin to the top & bottom
305 padding: ($spacer * 2) 0 ($spacer * 2) 0;
315 @extend .table-striped;
320 // Hide the spinner by default
326 @include transition(opacity .5s linear);
330 // Show the spinner during updates
335 // While updating, we face out the content
343 border-color: rgba($dark, .15);
353 top: calc(50% - 18px);