From 66a1590b0db207937ff891796da14e594294ec73 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 19 Mar 2022 03:17:50 +0900 Subject: [PATCH] Clean: SASS - Seperated tab_padding --- src/padding/_index.scss | 23 +---------------------- src/padding/_tab_padding.scss | 21 +++++++++++++++++++++ 2 files changed, 22 insertions(+), 22 deletions(-) create mode 100644 src/padding/_tab_padding.scss diff --git a/src/padding/_index.scss b/src/padding/_index.scss index 0c4c59b..b1f0bf5 100644 --- a/src/padding/_index.scss +++ b/src/padding/_index.scss @@ -1,26 +1,5 @@ /*= Tab Bar - Distribution padding, radius ===================================*/ -@include Option("userChrome.tab.lepton_like_padding", "userChrome.tab.photon_like_padding") { - :root { - // --tab-block-margin: New version of --proton-tab-block-margin - --proton-tab-block-margin: var(--tab-block-margin) !important; /* Original: 4px, Legacy */ - } - :root[uidensity="touch"] { - /* Like Original */ - --tab-block-margin: 4px !important; - } -} - -@include Option("userChrome.tab.lepton_like_padding") { - :root { - --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ - } -} -@include Option("userChrome.tab.photon_like_padding") { - :root { - --tab-block-margin: 0px !important; - } -} - +@import "tab_padding"; @include Option("userChrome.tab.photon_like_radius") { :root { --tab-border-radius: 0px !important; /* Original: 4px */ diff --git a/src/padding/_tab_padding.scss b/src/padding/_tab_padding.scss new file mode 100644 index 0000000..363aa95 --- /dev/null +++ b/src/padding/_tab_padding.scss @@ -0,0 +1,21 @@ +@include Option("userChrome.tab.lepton_like_padding", "userChrome.tab.photon_like_padding") { + :root { + // --tab-block-margin: New version of --proton-tab-block-margin + --proton-tab-block-margin: var(--tab-block-margin) !important; /* Original: 4px, Legacy */ + } + :root[uidensity="touch"] { + /* Like Original */ + --tab-block-margin: 4px !important; + } +} + +@include Option("userChrome.tab.lepton_like_padding") { + :root { + --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ + } +} +@include Option("userChrome.tab.photon_like_padding") { + :root { + --tab-block-margin: 0px !important; + } +}