2020-07-22 13:19:23 -07:00
|
|
|
@import "fonts";
|
|
|
|
|
2020-11-11 13:53:55 -08:00
|
|
|
@import "variables";
|
2020-07-22 13:19:23 -07:00
|
|
|
|
|
|
|
@import "~bootstrap/scss/root";
|
|
|
|
@import "~bootstrap/scss/reboot";
|
|
|
|
@import "~bootstrap/scss/type";
|
|
|
|
//@import "~bootstrap/scss/images";
|
2021-01-22 14:54:24 -08:00
|
|
|
//@import "~bootstrap/scss/containers";
|
2020-07-22 13:19:23 -07:00
|
|
|
//@import "~bootstrap/scss/grid";
|
2020-08-03 10:47:53 -07:00
|
|
|
@import "~bootstrap/scss/tables";
|
2020-07-22 13:19:23 -07:00
|
|
|
@import "~bootstrap/scss/forms";
|
|
|
|
@import "~bootstrap/scss/buttons";
|
|
|
|
//@import "~bootstrap/scss/transitions";
|
2020-12-21 11:37:16 -08:00
|
|
|
@import "~bootstrap/scss/dropdown";
|
2020-07-22 13:19:23 -07:00
|
|
|
@import "~bootstrap/scss/button-group";
|
2021-01-22 14:54:24 -08:00
|
|
|
//TODO @import "~bootstrap/scss/input-group";
|
|
|
|
//TODO @import "~bootstrap/scss/custom-forms";
|
2020-07-22 13:19:23 -07:00
|
|
|
//@import "~bootstrap/scss/nav";
|
|
|
|
//@import "~bootstrap/scss/navbar";
|
|
|
|
@import "~bootstrap/scss/card";
|
2021-01-22 14:54:24 -08:00
|
|
|
//@import "~bootstrap/scss/accordion";
|
2020-07-22 13:19:23 -07:00
|
|
|
//@import "~bootstrap/scss/breadcrumb";
|
2020-10-29 11:57:50 -07:00
|
|
|
@import "~bootstrap/scss/pagination";
|
2020-09-16 13:31:57 -07:00
|
|
|
@import "~bootstrap/scss/badge";
|
2020-07-22 13:19:23 -07:00
|
|
|
@import "~bootstrap/scss/alert";
|
2020-12-18 02:34:58 -08:00
|
|
|
@import "~bootstrap/scss/progress";
|
2020-09-08 09:10:04 -07:00
|
|
|
@import "~bootstrap/scss/list-group";
|
2020-07-22 13:19:23 -07:00
|
|
|
//@import "~bootstrap/scss/close";
|
|
|
|
//@import "~bootstrap/scss/toasts";
|
2020-10-24 13:32:12 -07:00
|
|
|
@import "~bootstrap/scss/modal";
|
2020-07-22 13:19:23 -07:00
|
|
|
//@import "~bootstrap/scss/tooltip";
|
|
|
|
//@import "~bootstrap/scss/popover";
|
|
|
|
//@import "~bootstrap/scss/carousel";
|
|
|
|
//@import "~bootstrap/scss/spinners";
|
2021-01-22 14:54:24 -08:00
|
|
|
|
|
|
|
@import "~bootstrap/scss/helpers";
|
|
|
|
@import "~bootstrap/scss/utilities/api";
|
2020-07-22 13:19:23 -07:00
|
|
|
|
|
|
|
$fa-font-path: "~@fortawesome/fontawesome-pro/webfonts";
|
|
|
|
@import "~@fortawesome/fontawesome-pro/scss/fontawesome";
|
|
|
|
@import "~@fortawesome/fontawesome-pro/scss/light";
|
2020-07-26 07:41:46 -07:00
|
|
|
@import "~@fortawesome/fontawesome-pro/scss/brands";
|
2020-07-22 13:19:23 -07:00
|
|
|
|
2020-07-24 07:15:28 -07:00
|
|
|
html {
|
|
|
|
scroll-behavior: smooth;
|
2020-12-06 14:21:34 -08:00
|
|
|
scroll-padding-top: 92px;
|
2020-07-24 07:15:28 -07:00
|
|
|
}
|
|
|
|
|
2020-07-22 13:19:23 -07:00
|
|
|
body {
|
|
|
|
margin: 2rem auto;
|
2020-12-30 06:51:28 -08:00
|
|
|
max-width: min(90vw, 920px);
|
2020-11-25 15:23:11 -08:00
|
|
|
background-image: linear-gradient(74deg, rgba(236, 236, 236,0.02) 0%, rgba(236, 236, 236,0.02) 13%,transparent 13%, transparent 64%,rgba(55, 55, 55,0.02) 64%, rgba(55, 55, 55,0.02) 71%,rgba(239, 239, 239,0.02) 71%, rgba(239, 239, 239,0.02) 100%),linear-gradient(170deg, rgba(8, 8, 8,0.02) 0%, rgba(8, 8, 8,0.02) 1%,transparent 1%, transparent 60%,rgba(9, 9, 9,0.02) 60%, rgba(9, 9, 9,0.02) 80%,rgba(198, 198, 198,0.02) 80%, rgba(198, 198, 198,0.02) 100%),linear-gradient(118deg, rgba(134, 134, 134,0.02) 0%, rgba(134, 134, 134,0.02) 30%,transparent 30%, transparent 43%,rgba(85, 85, 85,0.02) 43%, rgba(85, 85, 85,0.02) 47%,rgba(103, 103, 103,0.02) 47%, rgba(103, 103, 103,0.02) 100%),linear-gradient(249deg, rgba(178, 178, 178,0.02) 0%, rgba(178, 178, 178,0.02) 8%,transparent 8%, transparent 47%,rgba(161, 161, 161,0.02) 47%, rgba(161, 161, 161,0.02) 61%,rgba(19, 19, 19,0.02) 61%, rgba(19, 19, 19,0.02) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
|
2020-07-22 13:19:23 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
section {
|
|
|
|
margin: 2*$spacer 0;
|
|
|
|
}
|
2020-07-26 05:52:01 -07:00
|
|
|
|
2021-03-05 08:32:06 -08:00
|
|
|
.main > section:first-child {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
2020-07-26 05:52:01 -07:00
|
|
|
code {
|
|
|
|
@include font-size($code-font-size);
|
|
|
|
color: $code-color;
|
|
|
|
word-wrap: break-word;
|
|
|
|
|
|
|
|
// Streamline the style when inside anchors to avoid broken underline and more
|
|
|
|
a > & {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
border: 1px solid $code-color;
|
|
|
|
padding: .2em;
|
|
|
|
border-radius: $border-radius-sm;
|
|
|
|
}
|
2020-08-04 07:15:41 -07:00
|
|
|
|
|
|
|
@for $columns from 1 through 12 {
|
|
|
|
.table-fixed-#{$columns} {
|
|
|
|
th, td {
|
|
|
|
width: (100% / $columns);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-10-24 12:50:08 -07:00
|
|
|
|
|
|
|
img.icon {
|
|
|
|
height: 1em;
|
|
|
|
width: 1.25em;
|
|
|
|
text-align: center;
|
|
|
|
}
|
2020-10-25 04:00:45 -07:00
|
|
|
|
|
|
|
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
|
|
@include media-breakpoint-up($breakpoint) {
|
|
|
|
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
|
|
|
|
|
|
|
@each $prop, $abbrev in (width: w, height: h) {
|
2021-01-22 14:54:24 -08:00
|
|
|
@each $size, $length in (
|
|
|
|
25: 25%,
|
|
|
|
50: 50%,
|
|
|
|
75: 75%,
|
|
|
|
100: 100%,
|
|
|
|
auto: auto
|
|
|
|
) {
|
2020-10-25 04:00:45 -07:00
|
|
|
.#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
2020-10-31 06:54:56 -07:00
|
|
|
|
|
|
|
label.required::after {
|
|
|
|
color: $danger;
|
|
|
|
content: ' *';
|
|
|
|
}
|
2020-11-05 05:06:47 -08:00
|
|
|
|
|
|
|
.mw-input {
|
|
|
|
min-width: 16ch;
|
|
|
|
}
|
2020-11-13 13:57:23 -08:00
|
|
|
|
|
|
|
blockquote {
|
|
|
|
margin-left: $spacer;
|
|
|
|
border-left: 3px $primary solid;
|
|
|
|
padding-left: $spacer;
|
|
|
|
font-size: 1.1em;
|
|
|
|
}
|
2021-01-19 11:41:45 -08:00
|
|
|
|
2021-01-22 14:54:24 -08:00
|
|
|
.form-group {
|
|
|
|
margin-bottom: $spacer;
|
|
|
|
}
|
|
|
|
|
2021-02-11 15:37:43 -08:00
|
|
|
strike, .text-strike {
|
2021-01-24 08:54:50 -08:00
|
|
|
text-decoration: line-through;
|
|
|
|
}
|