add lumbung radio widget

2022-04-07 22:32:42 +05:00
parent 122c34f891
commit a4d750714b
2 changed files with 27 additions and 0 deletions
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@ -54,6 +54,9 @@

    --calendar-light: #B6EDFF;
    --calendar-dark: #0E64C8;
+
+    --sounds-light: #ECC5EC;
+    --sounds-dark: #CA14D4;
 }


@ -973,3 +976,20 @@ footer a:hover {
 .single .h-entry img {
    object-fit: contain;
 }
+
+.lumbung-radio-player {
+    display: flex;
+    color: var(--sounds-dark);
+    border: 1px solid var(--sounds-dark);
+    background: var(--sounds-light);
+    font-style: italic;
+    width: fit-content;
+    padding: 1rem;
+    gap: 1rem;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    bottom: 2rem;
+    right: 2rem;
+    cursor: pointer;
+}