Bootstap 4 migration: imprint

[people/shoehn/ipfire.org.git] / static / scss / style.scss

diff --git a/static/scss/style.scss b/static/scss/style.scss
index e3b3f40944887387be29636fd15263c7be35da20..34a68875021bd745b0bf1ca22336243509dda837 100644 (file)
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -21,7 +21,7 @@
 // @import "bootstrap-4.0.0-alpha.6/scss/code";
 @import "bootstrap-4.0.0-alpha.6/scss/grid";
 // @import "bootstrap-4.0.0-alpha.6/scss/tables";
-// @import "bootstrap-4.0.0-alpha.6/scss/forms";
+@import "bootstrap-4.0.0-alpha.6/scss/forms";
 @import "bootstrap-4.0.0-alpha.6/scss/buttons";
 
 // Components
@@ -35,9 +35,9 @@
 //@import "bootstrap-4.0.0-alpha.6/scss/card";
 // @import "bootstrap-4.0.0-alpha.6/scss/breadcrumb";
 // @import "bootstrap-4.0.0-alpha.6/scss/pagination";
-// @import "bootstrap-4.0.0-alpha.6/scss/badge";
+@import "bootstrap-4.0.0-alpha.6/scss/badge";
 // @import "bootstrap-4.0.0-alpha.6/scss/jumbotron";
-// @import "bootstrap-4.0.0-alpha.6/scss/alert";
+@import "bootstrap-4.0.0-alpha.6/scss/alert";
 @import "bootstrap-4.0.0-alpha.6/scss/progress";
 @import "bootstrap-4.0.0-alpha.6/scss/media";
 @import "bootstrap-4.0.0-alpha.6/scss/list-group";
@@ -53,6 +53,12 @@
 // Utility classes
 @import "bootstrap-4.0.0-alpha.6/scss/utilities";
 
+// Lightbox
+@import "photoswipe/main";
+@import "photoswipe/default-skin/default-skin";
+
+// Donation Box
+@import "_donation";
 
 body {
        min-height: 100vh;
@@ -77,6 +83,34 @@ body {
 // Colors
 .amber-800 {
        color: $amber-800;
+       border-color: $amber-800;
+}
+
+.green-600 {
+       color: $green-600;
+       border-color: $green-600;
+}
+
+.red-900 {
+       color: $red_900;
+       border-color: $red_900;
+}
+
+.blue-700{
+       color: $blue-700;
+       border-color: $blue-700;
+}
+
+.blue_grey_300 {
+       color: $blue_grey_300;
+}
+
+.bg-blue-grey-900 {
+       background-color: $blue-grey-900;
+}
+
+.bg-blue-grey-50 {
+       background-color: $blue-grey-50;
 }
 
 // Images
@@ -237,7 +271,7 @@ section#appliances {
 .features-content {
        padding-top: 88px;
        margin-bottom: 40px;
-       @include media-breakpoint-up(sm) {
+       @include media-breakpoint-up(lg) {
                padding-top: 161px;
        }
        .content {