bar: embedded style

1 files changed, 64 insertions, 1 deletions

diff --git a/scss/bar.scss b/scss/bar.scss
index b8d36e4..efd1935 100644
--- a/scss/bar.scss
+++ b/scss/bar.scss
@@ -15,7 +15,6 @@
     @include font.mono;
 
     font-size: lib.s(14);
-    padding-right: lib.s(3);
 
     label.icon {
         font-size: lib.s(18);
@@ -183,12 +182,18 @@
     }
 
     &.gaps {
+        padding-right: lib.s(3);
+
         .module {
             @include lib.rounded(8);
 
             background-color: scheme.$base;
         }
 
+        .screen-corner {
+            background-color: transparent;
+        }
+
         .os-icon {
             @include lib.border(scheme.$yellow);
 
@@ -242,4 +247,62 @@
             }
         }
     }
+
+    &.embedded {
+        $-rounding: 23;
+
+        margin: 0;
+
+        .module {
+            background-color: scheme.$mantle;
+        }
+
+        .screen-corner {
+            @include lib.rounded($-rounding);
+        }
+
+        &.horizontal {
+            .module {
+                padding: lib.s(10) lib.s(10);
+                padding-left: lib.s(15);
+            }
+
+            .before-spacer {
+                border-bottom-right-radius: lib.s($-rounding);
+                padding-right: lib.s(15);
+            }
+
+            .after-spacer {
+                border-bottom-left-radius: lib.s($-rounding);
+            }
+
+            .power {
+                padding-right: lib.s(12);
+            }
+        }
+
+        &.vertical {
+            .module {
+                padding: lib.s(8) lib.s(10);
+            }
+
+            .before-spacer {
+                border-bottom-right-radius: lib.s($-rounding);
+                padding-bottom: lib.s(15);
+            }
+
+            .after-spacer {
+                border-top-right-radius: lib.s($-rounding);
+                padding-top: lib.s(15);
+            }
+
+            .os-icon {
+                padding-top: lib.s(12);
+            }
+
+            .power {
+                padding-bottom: lib.s(12);
+            }
+        }
+    }
 }