+++ /dev/null
-@import "variables";
-
-// Use all Bootstrap modules that we want
-@import "../bootstrap/scss/functions";
-@import "../bootstrap/scss/variables";
-@import "../bootstrap/scss/mixins";
-@import "../bootstrap/scss/root";
-@import "../bootstrap/scss/reboot";
-@import "../bootstrap/scss/type";
-@import "../bootstrap/scss/images";
-@import "../bootstrap/scss/code";
-@import "../bootstrap/scss/grid";
-@import "../bootstrap/scss/tables";
-@import "../bootstrap/scss/forms";
-@import "../bootstrap/scss/buttons";
-@import "../bootstrap/scss/transitions";
-@import "../bootstrap/scss/dropdown";
-@import "../bootstrap/scss/button-group";
-@import "../bootstrap/scss/input-group";
-@import "../bootstrap/scss/custom-forms";
-@import "../bootstrap/scss/nav";
-@import "../bootstrap/scss/navbar";
-@import "../bootstrap/scss/card";
-@import "../bootstrap/scss/pagination";
-@import "../bootstrap/scss/badge";
-@import "../bootstrap/scss/alert";
-@import "../bootstrap/scss/progress";
-@import "../bootstrap/scss/media";
-@import "../bootstrap/scss/list-group";
-@import "../bootstrap/scss/close";
-@import "../bootstrap/scss/modal";
-@import "../bootstrap/scss/utilities";
-@import "../bootstrap/scss/print";
-
-// Include fonts
-@import "fonts";
-
-// Custom stuff
-@import "icons";
-
-// Makes everything white with dark text on it
-.inverse {
- background-color: $body-color;
- color: $body-bg;
-}
-
-body {
- display: flex;
- min-height: 100vh;
- flex-flow: column;
-}
-
-// Buttons
-.btn {
- text-transform: uppercase;
-}
-
-@each $color, $value in $theme-colors {
- .btn-glow-#{$color} {
- color: white;
- background-color: rgba($value, .15);
- }
-}
-
-.card {
- @extend .inverse;
-
- // Reset padding for sections
- section {
- padding: 0;
- }
-}
-
-.list-group {
- .list-group-item {
- color: $body-bg;
- }
-}
-
-.nav {
- .nav-link {
- color: $white;
-
- &.active {
- color: $link-color;
- border-left: 2px solid $link-color;
- }
- }
-}
-
-.navbar {
- background-color: rgba($gray-400, .06);
-
- // Webkit is being stupid and cannot figure out the height
- // of the navbar by itself
- min-height: $navbar-height;
-
- .navbar-brand {
- color: inherit;
- }
-
- .navbar-nav {
- .nav-link {
- color: inherit;
-
- &.active {
- border-bottom: 2px solid $link-color;
- }
- }
- }
-}
-
-header {
- &.cover {
- position: relative;
- width: 100%;
- height: auto;
- min-height: 35rem;
-
- @include media-breakpoint-up(lg) {
- height: calc(100vh - #{$navbar-height});
- }
- }
-}
-
-footer {
- margin-top: auto;
-
- .footer {
- margin-top: $spacer * 3;
-
- .footer-info {
- padding: 2rem 0 0 0;
-
- color: $white;
- background-color: rgba($gray-400, .04);
-
- @include media-breakpoint-down(md) {
- padding-top: 31px;
- }
-
- a, .btn-link {
- color: inherit;
-
- &:hover {
- color: inherit;
- }
- }
-
- ul {
- li {
- margin-bottom: $spacer / 4;
- }
- }
- }
-
- .copyright {
- background-color: rgba($gray-400, .06);
- padding: $spacer 0;
-
- font-size: $small-font-size;
-
- a {
- color: $text-muted;
- }
- }
- }
-}
-
-// Sections
-
-section {
- padding: 3rem 1rem;
-
- @include media-breakpoint-up(md) {
- padding: 5rem 0;
- }
-
- @include media-breakpoint-up(md) {
- // Reset large headlines to normal size on mobile devices
- h1 {
- font-size: $display1-size;
- font-weight: $display1-weight;
- line-height: $display-line-height;
- }
- }
-}
-
-.blog-post {
- .blog-header {
- h5 {
- a {
- color: $dark;
- }
- }
- }
-
- .blog-content {
- h1, h2, h3, h4, h5, h6 {
- font-size: 1.375rem;
- font-weight: $headings-font-weight;
- line-height: $headings-line-height;
- margin-bottom: 0.25rem;
- }
-
- img {
- @include img-fluid;
- }
- }
-
- &.lightning-wire-labs {
- .blog-header {
- h5 {
- a {
- color: $lwl;
- }
- }
-
- a {
- color: $lwl;
- }
- }
-
- .blog-content {
- a {
- color: $lwl;
- }
- }
- }
-}
-
-// Sidebar navigation
-
-.progress {
- background-color: rgba(255, 255, 255, .2);
-}
-
-.circle {
- position: relative;
- p.fireinfo_per {
- color: $gray-800;
- position: absolute;
- top: calc(50% - 18px);
- width: 100%;
- }
-}