From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Sun, 7 Apr 2024 19:32:43 +0200
Subject: Adding upstream version 1:115.7.0.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../js/components/PopularTopics/PopularTopics.scss | 54 ++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.scss

(limited to 'browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.scss')

diff --git a/browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.scss b/browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.scss
new file mode 100644
index 0000000000..bacd55ee42
--- /dev/null
+++ b/browser/components/pocket/content/panels/js/components/PopularTopics/PopularTopics.scss
@@ -0,0 +1,54 @@
+.stp_popular_topics {
+  padding: 0;
+
+  .stp_popular_topic {
+    display: inline-block;
+
+    .stp_popular_topic_link {
+      display: inline-block;
+      background: #F0F0F4;
+      border-radius: 4px;
+      font-size: 0.85rem;
+      line-height: 1rem;
+      font-style: normal;
+      font-weight: 600;
+      margin-inline-end: 8px;
+      margin-bottom: 8px;
+      padding: 4px 8px;
+      color: #000;
+
+      &:focus {
+        text-decoration: none;
+        background: #F0F0F4;
+        outline: 2px solid #0060df;
+        outline-offset: 2px;
+      }
+
+      &:hover {
+        background: #E0E0E6;
+        text-decoration: none;
+      }
+
+      &:active {
+        background: #CFCFD8;
+      }
+
+      &::after {
+        content: " >";
+      }
+
+      @include theme_dark {
+        background: #2B2A33;
+        color: #FBFBFE;
+      
+        &:focus {
+          outline: 2px solid #00DDFF;
+        }
+
+        &:hover {
+          background: #53535d;
+        }
+      }
+    }
+  }
+}
-- 
cgit v1.2.3