diff options
author | Thibaut Girka <thib@sitedethib.com> | 2018-07-31 22:56:13 +0200 |
---|---|---|
committer | Thibaut Girka <thib@sitedethib.com> | 2018-08-01 00:18:42 +0200 |
commit | 5cd7fe21bf464feeebcf506d48d73c838c322182 (patch) | |
tree | 59c0bc874c5e1d9143b317715a5e13720200fa8f /app/javascript/flavours/glitch/styles | |
parent | d894cdc93f019852c7c30b6d5713ba0bc7dbda2b (diff) |
[Glitch] Add missing formatting to the text in hero widget
Port 1d773b3a4691b153ff0c658db53007293905d86b to glitch-soc
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
-rw-r--r-- | app/javascript/flavours/glitch/styles/widgets.scss | 40 |
1 files changed, 39 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/styles/widgets.scss b/app/javascript/flavours/glitch/styles/widgets.scss index 9324533bd..d37a6f458 100644 --- a/app/javascript/flavours/glitch/styles/widgets.scss +++ b/app/javascript/flavours/glitch/styles/widgets.scss @@ -24,8 +24,46 @@ background: $ui-base-color; padding: 20px; border-radius: 0 0 4px 4px; - font-size: 14px; + font-size: 15px; color: $darker-text-color; + line-height: 20px; + word-wrap: break-word; + font-weight: 400; + + .emojione { + width: 20px; + height: 20px; + margin: -3px 0 0; + } + + p { + margin-bottom: 20px; + + &:last-child { + margin-bottom: 0; + } + } + + em { + display: inline; + margin: 0; + padding: 0; + font-weight: 700; + background: transparent; + font-family: inherit; + font-size: inherit; + line-height: inherit; + color: lighten($darker-text-color, 10%); + } + + a { + color: $secondary-text-color; + text-decoration: none; + + &:hover { + text-decoration: underline; + } + } } @media screen and (max-width: $no-gap-breakpoint) { |