styling: add background to language tabs

fixes #426
cucumber · Jun 5, 2020 · 80bf4d1 · 80bf4d1
1 parent 03791d9
commit 80bf4d1
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 4 deletions.
diff --git a/themes/cucumber-hugo/static/css/cucumber.css b/themes/cucumber-hugo/static/css/cucumber.css
diff --git a/themes/cucumber-hugo/static/css/cucumber.sass b/themes/cucumber-hugo/static/css/cucumber.sass
@@ -41,4 +41,9 @@ li
 .message-header,
 .message-body
   p:last-child 
-    margin-bottom: 0
+    margin-bottom: 0
+
+// give some nearly-opaque background to the language tabs
+.tabs
+  li[data-language]
+    background-color: rgba(255, 255, 255, 0.9)
diff --git a/themes/cucumber-sb/static/css/cucumber.css b/themes/cucumber-sb/static/css/cucumber.css
diff --git a/themes/cucumber-sb/static/css/cucumber.sass b/themes/cucumber-sb/static/css/cucumber.sass
@@ -41,4 +41,9 @@ li
 .message-header,
 .message-body
   p:last-child 
-    margin-bottom: 0
+    margin-bottom: 0
+
+// give some nearly-opaque background to the language tabs
+.tabs
+  li[data-language]
+    background-color: rgba(255, 255, 255, 0.9)