]> git.ipfire.org Git - ipfire.org.git/blobdiff - src/scss/style.scss
wiki: Only match usernames when a word starts with @
[ipfire.org.git] / src / scss / style.scss
diff --git a/src/scss/style.scss b/src/scss/style.scss
deleted file mode 100644 (file)
index 3e7946d..0000000
+++ /dev/null
@@ -1,246 +0,0 @@
-@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%;
-       }
-}