about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/_mixins.scss
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2019-02-15 18:21:00 +0100
committerThibaut Girka <thib@sitedethib.com>2019-02-15 18:21:00 +0100
commita151c5566a9268930b4b4728121f8f1692019238 (patch)
tree2ae23cffcc0c7ca858a091e470df97121b3f4a39 /app/javascript/flavours/glitch/styles/_mixins.scss
parent4dcb04b888dafd9745829f9e4f5665c84523fe5c (diff)
[Glitch] Fix hashtags select styling in default and high contrast skins
Port 169b9d4428d8e54d7bee365fd76be9a6e2a92da5 to glitch-soc
Diffstat (limited to 'app/javascript/flavours/glitch/styles/_mixins.scss')
-rw-r--r--app/javascript/flavours/glitch/styles/_mixins.scss31
1 files changed, 31 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/_mixins.scss b/app/javascript/flavours/glitch/styles/_mixins.scss
index c46d7260d..586802185 100644
--- a/app/javascript/flavours/glitch/styles/_mixins.scss
+++ b/app/javascript/flavours/glitch/styles/_mixins.scss
@@ -82,3 +82,34 @@
     font-size: 16px;
   }
 }
+
+@mixin search-popout() {
+  background: $simple-background-color;
+  border-radius: 4px;
+  padding: 10px 14px;
+  padding-bottom: 14px;
+  margin-top: 10px;
+  color: $light-text-color;
+  box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);
+
+  h4 {
+    text-transform: uppercase;
+    color: $light-text-color;
+    font-size: 13px;
+    font-weight: 500;
+    margin-bottom: 10px;
+  }
+
+  li {
+    padding: 4px 0;
+  }
+
+  ul {
+    margin-bottom: 10px;
+  }
+
+  em {
+    font-weight: 500;
+    color: $inverted-text-color;
+  }
+}