// @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
//@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";
// 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;
+ display: flex;
+ flex-direction: column;
+}
+
.container {
width: 100%;
max-width: 1200px;
+ flex: 1;
}
// Custom stuff
@import '_fonts';
@import '_nav';
@import '_buttons';
+@import '_icons';
// Colors
.amber-800 {
color: $amber-800;
+ border-color: $amber-800;
}
-// Images
-img {
- &.img-fluid {
- width: 100%;
- max-width: 100%;
- height: auto;
- }
+.green-600 {
+ color: $green-600;
+ border-color: $green-600;
}
-// Icons
-.icon {
- width: 1.5rem;
- height: 1.5rem;
- fill: currentColor;
- vertical-align: -.15rem;
- overflow: hidden;
- margin-right: .5rem;
+.red-900 {
+ color: $red_900;
+ border-color: $red_900;
}
-.i_arrow_down {
- margin: 0;
- position: absolute;
- left: .75rem;
- top: -.25rem;
- animation: scroll 1.5s ease-in-out infinite;
- @include media-breakpoint-down(xs) {
- width: 1.75rem !important;
- height: 1.75rem !important;
- left: .25rem;
- top: -.5rem;
- }
+.blue-700{
+ color: $blue-700;
+ border-color: $blue-700;
}
-.i_lg {
- width: 2.5rem;
- height: 2.5rem;
- margin: 0;
- transform: translateY(-.35rem);
- fill: $red_900;
+.blue_grey_300 {
+ color: $blue_grey_300;
}
-.i_sm {
- vertical-align: top;
- transform: translateY(-.10rem);
+.bg-blue-grey-900 {
+ background-color: $blue-grey-900;
}
+.bg-blue-grey-50 {
+ background-color: $blue-grey-50;
+}
+
+// Images
+img {
+ &.img-fluid {
+ width: 100%;
+ max-width: 100%;
+ height: auto;
+ }
+}
+
+
footer {
.btn-toolbar .icon {
height: 2.25rem;
}
section#news,
+section#support,
footer {
background-color: rgba($blue-grey-900, .06);
}
.features-content {
padding-top: 88px;
margin-bottom: 40px;
- @include media-breakpoint-up(sm) {
+ @include media-breakpoint-up(lg) {
padding-top: 161px;
}
.content {