less border

Less border for notification popups and menu

4 files changed, 16 insertions, 10 deletions

diff --git a/scss/_lib.scss b/scss/_lib.scss
index 8c39778..df0bd50 100644
--- a/scss/_lib.scss
+++ b/scss/_lib.scss
@@ -11,11 +11,7 @@ $scale: 0.068rem;
     -gtk-outline-radius: s($tl) s($tr) s($br) s($bl);
 }
 
-@mixin border($colour, $width: 1, $style: solid) {
-    border: s($width) $style $colour;
-}
-
-@mixin outer-border($colour, $alpha: 0.7, $width: 2, $style: solid) {
+@mixin border($colour, $alpha: 1, $width: 1, $style: solid) {
     border: s($width) $style color.change($colour, $alpha: $alpha);
 }
 
diff --git a/scss/bar.scss b/scss/bar.scss
index 9b4c60d..b3f5d92 100644
--- a/scss/bar.scss
+++ b/scss/bar.scss
@@ -5,7 +5,7 @@
 
 .bar {
     @include lib.rounded(10, $tl: 0, $tr: 0);
-    @include lib.outer-border(scheme.$rosewater);
+    @include lib.border(scheme.$rosewater, 0.7, 2);
     @include lib.spacing(10);
     @include font.mono;
 
diff --git a/scss/notifpopups.scss b/scss/notifpopups.scss
index f01bf5a..aef9efe 100644
--- a/scss/notifpopups.scss
+++ b/scss/notifpopups.scss
@@ -4,7 +4,7 @@
 @use "font";
 
 @mixin popup($colour) {
-    @include lib.outer-border($colour);
+    @include lib.border($colour, 0.5);
 
     border-right: none;
 
@@ -13,7 +13,7 @@
     }
 
     .image {
-        @include lib.border(color.change($colour, $alpha: 0.05));
+        @include lib.border($colour, 0.05);
     }
 }
 
diff --git a/scss/widgets.scss b/scss/widgets.scss
index 4bc52be..39ab490 100644
--- a/scss/widgets.scss
+++ b/scss/widgets.scss
@@ -3,6 +3,16 @@
 @use "lib";
 @use "font";
 
+* {
+    selection {
+        background-color: color.change(scheme.$overlay2, $alpha: 0.3);
+    }
+
+    & {
+        caret-color: scheme.$rosewater;
+    }
+}
+
 label.icon {
     @include font.icon;
 }
@@ -35,7 +45,7 @@ separator,
 menu {
     @include -appear;
     @include lib.rounded(5);
-    @include lib.border(color.change(scheme.$blue, $alpha: 0.7), 2);
+    @include lib.border(scheme.$blue, 0.7);
     @include font.main;
 
     padding: lib.s(10);
@@ -88,7 +98,7 @@ menu {
 tooltip,
 .tooltip {
     @include lib.rounded(5);
-    @include lib.border(color.change(scheme.$teal, $alpha: 0.7));
+    @include lib.border(scheme.$teal, 0.7);
     @include font.reading;
 
     background-color: scheme.$surface0;