diff options
author | Paulo Moura <itsme@paulomoura.com> | 2017-07-22 17:30:34 +0300 |
---|---|---|
committer | Morris Jobke <hey@morrisjobke.de> | 2017-08-26 15:43:20 +0300 |
commit | 0b08790f123eae829a12d92bfbdedc75ae01851d (patch) | |
tree | 4f4c480ca6ec5fdb308daafe6d3f0dfb1883a9b1 /assets/css/modules/typography.scss | |
parent | 5a18ab4b21deabc85a0b5b7fa88d95bad240809b (diff) |
update scss files and make sure that homepage works in the same way
Diffstat (limited to 'assets/css/modules/typography.scss')
-rw-r--r-- | assets/css/modules/typography.scss | 29 |
1 files changed, 17 insertions, 12 deletions
diff --git a/assets/css/modules/typography.scss b/assets/css/modules/typography.scss index fe3f2b52..23800df9 100644 --- a/assets/css/modules/typography.scss +++ b/assets/css/modules/typography.scss @@ -1,9 +1,9 @@ -@import "../variables.scss"; -@import "../helpers.scss"; -@import '../vendor/modular-scale/modular-scale.scss'; +@import '../variables'; +@import '../helpers'; +@import '../vendor/modular-scale/modular-scale'; .jumbotron { - @include modifier(heading-1) { + &--heading-1 { padding-top: 0; color: white !important; font-size: ms(3) !important; @@ -17,7 +17,7 @@ } } - @include modifier(lead) { + &--lead { font-size: ms(0); color: white; line-height: 1.6; @@ -30,12 +30,12 @@ } .section { - @include modifier(text--center) { + &--text--center { margin: 0 auto; text-align: center; } - @include modifier(heading-1) { + &--heading-1 { font-size: ms(3); font-weight: 300; line-height: 1.2; @@ -49,7 +49,7 @@ } } - @include modifier(heading-2) { + &--heading-2 { font-size: ms(2); font-weight: 300; color: $dark-grey; @@ -61,19 +61,19 @@ } } - @include modifier(intro) { + &--intro { font-size: ms(0, 22px); font-weight: 300; } - @include modifier(paragraph__tittle) { + &--paragraph__tittle { font-size: ms(0, 22px); line-height: 30px; font-weight: 600; color: $dark-blue; } - @include modifier(paragraph) { + &--paragraph { font-size: ms(0); font-weight: 400; line-height: 1.5; @@ -88,7 +88,7 @@ border-bottom: solid 1px; transition: all 0.5s ease; text-decoration: none; - + &:hover { text-decoration: none; color: $dark-blue; @@ -132,3 +132,8 @@ h5 { line-height: 1.5; color: #555; } + +.text-center { + margin: 0 auto; + text-align: center; +} |