diff options
author | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 10:59:50 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 10:59:50 -0400 |
commit | 66e98b7125c87706782b8247b8e0329473dbeb5a (patch) | |
tree | 4d33c71e5462aa991199159f7fa70c1b3acf355b /styles/_sass/elements/title.sass | |
parent | 52daf90e6206a67414b2de2f7b741b9af2cd959a (diff) | |
download | cobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.tar.xz cobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.zip |
reorganized assets and CSS, added a post
Diffstat (limited to 'styles/_sass/elements/title.sass')
-rw-r--r-- | styles/_sass/elements/title.sass | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/styles/_sass/elements/title.sass b/styles/_sass/elements/title.sass new file mode 100644 index 0000000..febe2fc --- /dev/null +++ b/styles/_sass/elements/title.sass @@ -0,0 +1,64 @@ +$title-color: $grey-darker !default +$title-size: $size-3 !default +$title-weight: $weight-semibold !default +$title-line-height: 1.125 !default +$title-strong-color: inherit !default +$title-strong-weight: inherit !default +$title-sub-size: 0.75em !default +$title-sup-size: 0.75em !default + +$subtitle-color: $grey-dark !default +$subtitle-size: $size-5 !default +$subtitle-weight: $weight-normal !default +$subtitle-line-height: 1.25 !default +$subtitle-strong-color: $grey-darker !default +$subtitle-strong-weight: $weight-semibold !default +$subtitle-negative-margin: -1.25rem !default + +.title, +.subtitle + @extend %block + word-break: break-word + em, + span + font-weight: inherit + sub + font-size: $title-sub-size + sup + font-size: $title-sup-size + .tag + vertical-align: middle + +.title + color: $title-color + font-size: $title-size + font-weight: $title-weight + line-height: $title-line-height + strong + color: $title-strong-color + font-weight: $title-strong-weight + & + .highlight + margin-top: -0.75rem + &:not(.is-spaced) + .subtitle + margin-top: $subtitle-negative-margin + // Sizes + @each $size in $sizes + $i: index($sizes, $size) + &.is-#{$i} + font-size: $size + +.subtitle + color: $subtitle-color + font-size: $subtitle-size + font-weight: $subtitle-weight + line-height: $subtitle-line-height + strong + color: $subtitle-strong-color + font-weight: $subtitle-strong-weight + &:not(.is-spaced) + .title + margin-top: $subtitle-negative-margin + // Sizes + @each $size in $sizes + $i: index($sizes, $size) + &.is-#{$i} + font-size: $size |