new donation page with basic styling.

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

diff --git a/static/scss/style.scss b/static/scss/style.scss
index 5f061c2034f42d3743eda56f88c1ef3d7d3cf357..7cd5aec1c2390b054f013d68509f3476f075c9f6 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,7 +35,7 @@
 //@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/progress";
@@ -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,30 @@ 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;
+}
+
+.bg-blue-grey-900 {
+       background-color: $blue-grey-900;
+}
+
+.bg-blue-grey-50 {
+       background-color: $blue-grey-50;
 }
 
 // Images
@@ -190,6 +220,7 @@ section.content-section {
 }
 
 section#news,
+section#support,
 footer {
        background-color: rgba($blue-grey-900, .06);
 }
@@ -236,7 +267,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 {