From 16dab011c575eaf96630cab406ec2d8086403d0b Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Sun, 12 Sep 2021 23:11:25 +0200
Subject: added youtube & player apps

---
 styles/global/_window.scss | 47 +++++++++++++++++++++++++++++++++++++---------
 1 file changed, 38 insertions(+), 9 deletions(-)

(limited to 'styles/global')

diff --git a/styles/global/_window.scss b/styles/global/_window.scss
index c489796..cf78752 100644
--- a/styles/global/_window.scss
+++ b/styles/global/_window.scss
@@ -106,20 +106,41 @@
     width: 100%;
     background: var(--color-window-menu);
 
-    & > div > div {
-      // cursor: pointer;
-      display: inline-block;
-      padding: .5em;
-      transition: .3s background;
-      white-space: nowrap;
+    & > div {
+      display: flex;
 
-      @media(hover: hover) {
-        &:hover {
-          background-color: var(--color-window-menu-alt);
+      & > div {
+        display: inline-block;
+        padding: .5em;
+        transition: .3s background;
+        white-space: nowrap;
+
+        @media(hover: hover) {
+          &:hover {
+            background-color: var(--color-window-menu-alt);
+          }
         }
       }
+
+      & > span {
+        flex-grow: 1;
+      }
     }
 
+    .off {
+      text-decoration: line-through solid var(--color-decor);
+      color: var(--color-decor);
+    }
+
+    .iconOff {
+      color: var(--color-window-menu-alt);
+      pointer-events: none;
+    }
+
+    .active {
+      color: var(--color-text-alt);
+      font-weight: 600;
+    }
 
     @media(max-width: 40em) {
       height: 3em;
@@ -201,5 +222,13 @@
     & > .window__content {
       top: 0;
     }
+
+    .window__submenu > div {
+      @media(min-width: 40em) {
+        &:last-of-type {
+          margin-right: 5.5em;
+        }
+      }
+    }
   }
 }
-- 
cgit v1.2.3