Add scss/_all.scss, scss/style.scss.

2 files changed, 82 insertions, 0 deletions

diff --git a/scss/_all.scss b/scss/_all.scss
new file mode 100644
index 0000000..3e245a6
--- /dev/null
+++ b/scss/_all.scss
@@ -0,0 +1,33 @@
+@charset "utf-8";
+
+@import "../vendor/bulma-0.7.4/sass/utilities/functions.sass";
+
+$navbar-item-img-max-height: 9.75rem !default;
+
+// Colors.
+$fsfi-dbrown: rgb(202, 101, 52);
+$fsfi-lbrown: rgb(253, 203, 50);
+
+
+// Link colors
+$fsfi-link-color: $fsfi-dbrown;
+$fsfi-link-visited-color: rgb(183, 79, 28);
+$link: $fsfi-link-color !default;
+$link-invert: findColorInvert($fsfi-link-color) !default;
+$link-visited: $fsfi-link-visited-color !default;
+
+// Section
+$section-padding: 1rem 1.5rem !default;
+
+// Footer
+$footer-padding: 3rem 1.5rem 3rem;
+
+// Bulma
+@import "../vendor/bulma-0.7.4/sass/utilities/_all.sass";
+@import "../vendor/bulma-0.7.4/sass/base/_all.sass";
+@import "../vendor/bulma-0.7.4/sass/elements/_all.sass";
+@import "../vendor/bulma-0.7.4/sass/components/_all.sass";
+@import "../vendor/bulma-0.7.4/sass/grid/_all.sass";
+@import "../vendor/bulma-0.7.4/sass/layout/_all.sass";
+
+@import "style.scss";
diff --git a/scss/style.scss b/scss/style.scss
new file mode 100644
index 0000000..5b9b6a9
--- /dev/null
+++ b/scss/style.scss
@@ -0,0 +1,49 @@
+// Mixins.
+
+@mixin block-border($width) {
+    border: $width solid $fsfi-dbrown;
+    padding: 5px 20px 15px 20px;
+}
+
+// Home - Banner
+
+@mixin banner-p-margin-top($pixels) {
+    p.banner-text {
+            margin-top: $pixels;
+    }
+}
+
+@include mobile {
+    img.banner-img {
+        display: none;
+    }
+}
+
+@include tablet-only {
+    @include banner-p-margin-top(50px);
+}
+
+@include desktop {
+    @include banner-p-margin-top(60px);
+}
+
+
+// Home - News, Articles.
+
+.news,
+.articles {
+    .wrapper { @include block-border(2px); }
+
+    a {
+        color: $black;
+    }
+    a:hover {
+        color: $fsfi-dbrown;
+    }
+
+    .title span {
+        color: $fsfi-dbrown;
+        font-size: 1.3rem;
+        text-transform: uppercase;
+    }
+}