From 907230e479ba6c9489463797f81c7348ed754302 Mon Sep 17 00:00:00 2001
From: Kevin <119447307+tokyob0t@users.noreply.github.com>
Date: Thu, 23 Jan 2025 09:34:46 -0300
Subject: add: lua gtk3 examples (#156)

---
 .../gtk3/lua/media-player/widget/MediaPlayer.scss  | 56 ++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 examples/gtk3/lua/media-player/widget/MediaPlayer.scss

(limited to 'examples/gtk3/lua/media-player/widget/MediaPlayer.scss')

diff --git a/examples/gtk3/lua/media-player/widget/MediaPlayer.scss b/examples/gtk3/lua/media-player/widget/MediaPlayer.scss
new file mode 100644
index 0000000..e1597c2
--- /dev/null
+++ b/examples/gtk3/lua/media-player/widget/MediaPlayer.scss
@@ -0,0 +1,56 @@
+// https://gitlab.gnome.org/GNOME/gtk/-/blob/gtk-3-24/gtk/theme/Adwaita/_colors-public.scss
+$fg-color: #{"@theme_fg_color"};
+$bg-color: #{"@theme_bg_color"};
+
+window {
+    all: unset;
+}
+
+box.MediaPlayer {
+    padding: .6rem;
+    background-color: $bg-color;
+
+    box.cover-art {
+        min-width: 120px;
+        min-height: 120px;
+        border-radius: 9px;
+        margin-right: .6rem;
+        background-size: contain;
+        background-position: center;
+    }
+
+    box.title {
+        label {
+            font-weight: bold;
+            font-size: 1.1em;
+        }
+    }
+
+    scale {
+        padding: 0;
+        margin: .4rem 0;
+
+        trough {
+            min-height: 8px;
+        }
+
+        highlight {
+            background-color: $fg-color;
+        }
+
+        slider {
+            all: unset;
+        }
+    }
+
+    centerbox.actions {
+        min-width: 220px;
+
+        button {
+            min-width: 0;
+            min-height: 0;
+            padding: .4rem;
+            margin: 0 .2rem;
+        }
+    }
+}
-- 
cgit v1.2.3