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; + } +}