fsfi

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

commit 5218287eb4ff6f8438d07cca308c20b4a7d1e9c5
parent deb3ab147d19ccec7eadbbf2d7e316afb733ba83
Author: rsiddharth <s@ricketyspace.net>
Date:   Sat,  6 Apr 2019 23:41:02 -0400

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

Diffstat:
scss/_all.scss | 33+++++++++++++++++++++++++++++++++
scss/style.scss | 49+++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 82 insertions(+), 0 deletions(-)

diff --git a/scss/_all.scss 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 @@ -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; + } +}