From 76ded7bb6d10ce4bbca8813d91185d0e8f79a246 Mon Sep 17 00:00:00 2001 From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> Date: Mon, 20 Jan 2025 15:50:15 +1100 Subject: better menu styles --- scss/widgets.scss | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) (limited to 'scss/widgets.scss') diff --git a/scss/widgets.scss b/scss/widgets.scss index ca0958e..9d57964 100644 --- a/scss/widgets.scss +++ b/scss/widgets.scss @@ -116,18 +116,19 @@ separator, menu { @include -appear; - @include lib.rounded(5); - @include lib.border(scheme.$blue, 0.7); - @include font.main; + @include lib.rounded(10); + @include lib.border(scheme.$blue, 0.4); + @include font.mono; - padding: lib.s(10); + padding: lib.s(8); background-color: scheme.$surface0; color: scheme.$text; + font-size: lib.s(14); & > menuitem { @include lib.rounded(8); - padding: lib.s(8) lib.s(16); + padding: lib.s(5) lib.s(8); background: transparent; transition: 0.2s ease background-color; @@ -162,8 +163,8 @@ menu { } & > separator { - background-color: scheme.$blue; - margin: lib.s(8) 0; + background-color: color.mix(scheme.$blue, scheme.$surface0, 70%); + margin: lib.s(5) 0; } } @@ -171,7 +172,7 @@ tooltip, .tooltip { @include lib.rounded(5); @include lib.border(scheme.$teal, 0.7); - @include font.reading; + @include font.mono; background-color: scheme.$surface0; color: scheme.$text; -- cgit v1.2.3-freya