about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2018-07-31 22:56:13 +0200
committerThibaut Girka <thib@sitedethib.com>2018-08-01 00:18:42 +0200
commit5cd7fe21bf464feeebcf506d48d73c838c322182 (patch)
tree59c0bc874c5e1d9143b317715a5e13720200fa8f /app/javascript/flavours/glitch/styles
parentd894cdc93f019852c7c30b6d5713ba0bc7dbda2b (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.scss40
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) {