diff options
author | Espina2 <expina2@hotmail.com> | 2017-01-17 13:07:04 +0300 |
---|---|---|
committer | Espina2 <expina2@hotmail.com> | 2017-01-17 13:07:04 +0300 |
commit | 2acb67954f35a2cf097310f1fc740a581a6cbfa6 (patch) | |
tree | 75d1d2024be01bc35409d7cce1d6e708e4c2c99c /assets/css/modules/typography.scss | |
parent | 73afa5ffc2730a0b0937884625de4536a6307217 (diff) |
fix some bugs and split ctypography code to a new file
Diffstat (limited to 'assets/css/modules/typography.scss')
-rw-r--r-- | assets/css/modules/typography.scss | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/assets/css/modules/typography.scss b/assets/css/modules/typography.scss new file mode 100644 index 00000000..0ca88fe9 --- /dev/null +++ b/assets/css/modules/typography.scss @@ -0,0 +1,90 @@ +@import "../variables.scss"; +@import "../helpers.scss"; +@import '../vendor/modular-scale/modular-scale.scss'; + +.section { + @include modifier(text--center) { + margin: 0 auto; + text-align: center; + } + + @include modifier(heading-1) { + font-size: ms(3); + font-weight: 300; + margin: 0; + + @media (max-width: $break-small) { + font-size: ms(2); + line-height: 1; + margin-top: 0; + } + } + + @include modifier(heading-2) { + font-size: ms(2); + font-weight: 300; + } + + @include modifier(intro) { + font-size: ms(0, 22px); + font-weight: 300; + } + + @include modifier(intro) { + font-size: ms(0); + font-weight: 300; + } +} + +.hyperlink { + color: #a2a2a2; + text-decoration: none; + font-weight: 500; + border-bottom: solid 1px; + transition: all 0.5s ease; + + &:hover { + text-decoration: none; + color: $dark-blue; + } +} + +h1 { + margin-bottom: 10px; + font-size: 60px; + line-height: 60px; + letter-spacing: -2px; + color: #555; + font-weight: 500; +} + +h2 { + font-size: 60px; + font-weight: 300; + color: #555; + line-height: 1.5; + margin-bottom: 12px; +} + +h3 { + font-size: 22px; + font-weight: 300; + line-height: 1.5; + color: #555; +} + +h4 { + font-size: 19px; + font-weight: bold; + line-height: 1.36; + color: #555; + margin-bottom: 20px; +} + +h5 { + font-size: 17px; + font-weight: bold; + line-height: 1.5; + letter-spacing: -1px; + color: #555; +}
\ No newline at end of file |