diff --git a/scss/_polvo.scss b/scss/_polvo.scss index 3352d96..7486af7 100644 --- a/scss/_polvo.scss +++ b/scss/_polvo.scss @@ -1,5 +1,5 @@ @import url(https://fonts.googleapis.com/css?family=Raleway:100,300,500,700); -//@import url(https://fonts.googleapis.com/css?family=Dosis:200,400,700); +@import 'https://fonts.googleapis.com/css?family=Cormorant'; // Core variables and mixins @import "polvo/variables"; diff --git a/scss/polvo/_faq.scss b/scss/polvo/_faq.scss deleted file mode 100644 index 3b7fb55..0000000 --- a/scss/polvo/_faq.scss +++ /dev/null @@ -1,7 +0,0 @@ -/* FAQ styles */ -.question { - margin-top: 25px; - &:first { - background-color: red; - } -} diff --git a/scss/polvo/_navbar.scss b/scss/polvo/_navbar.scss index f7996fa..28b7b65 100644 --- a/scss/polvo/_navbar.scss +++ b/scss/polvo/_navbar.scss @@ -1,5 +1,9 @@ $transiton: all 0.65s; +// +// Navbar +// -------------------------------------------------- + .navbar-polvo { background-color: transparent; border-color: transparent; diff --git a/scss/polvo/_scaffolding.scss b/scss/polvo/_scaffolding.scss index 373065f..2ac36ae 100644 --- a/scss/polvo/_scaffolding.scss +++ b/scss/polvo/_scaffolding.scss @@ -9,6 +9,21 @@ body { } +// Page blocks +.page-block { + &-image { + background-size: cover; + background-position: center top; + background-repeat: no-repeat; + height: 450px; + } + + &-video { + + } +} + + // Horizontal rules // ------------------------- .hr { diff --git a/scss/polvo/_type.scss b/scss/polvo/_type.scss index 3a77106..16aec25 100644 --- a/scss/polvo/_type.scss +++ b/scss/polvo/_type.scss @@ -2,6 +2,32 @@ // Typography // -------------------------------------------------- +.type { + &-xs { + font-size: $font-size-xs; + } + + &-sm { + font-size: $font-size-sm; + } + + &-md { + font-size: $font-size-md; + } + + &-lg { + font-size: $font-size-lg; + } + + &-xl { + font-size: $font-size-xl; + } + + &-serif { + font-family: $polvo-font-family-serif; + } +} + // Headings // ------------------------- diff --git a/scss/polvo/_utilities.scss b/scss/polvo/_utilities.scss index 69e88ff..f917701 100644 --- a/scss/polvo/_utilities.scss +++ b/scss/polvo/_utilities.scss @@ -3,7 +3,7 @@ // -------------------------------------------------- -// Spacers +// Spacers, margins and paddings // ------------------------- .space { @@ -68,6 +68,17 @@ } } +// Pullers +// ------------------------- +.pull { + &up { + margin-top: -75px; + } + + &down { + margin-bottom: -75px; + } +} // Stretch // ------------------------- diff --git a/scss/polvo/_variables.scss b/scss/polvo/_variables.scss index c054816..9fc89f8 100644 --- a/scss/polvo/_variables.scss +++ b/scss/polvo/_variables.scss @@ -348,8 +348,14 @@ $polvo-cta: #41724d; // //## Font, line-height, and color for body text, headings, and more. -$font-family-sans-serif: 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif !default; -$polvo-font-family-base: $font-family-sans-serif !default; +$polvo-font-family-base: 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif !default; +$polvo-font-family-serif: 'Cormorant', serif; + +$font-size-xs: 14px; +$font-size-sm: 18px; +$font-size-md: 24px; +$font-size-lg: 36px; +$font-size-xl: 48px; //$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px //$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px @@ -388,7 +394,7 @@ $card-deck-margin: .625rem !default; //== Utilities // //## Spacers -$space-sm: 20px; +$space-sm: 25px; $space-md: $space-sm * 2; $space-lg: $space-md * 2;