StarCitizenTools/mediawiki-extensions-TabberNeue
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue.git synced 2024-11-11 17:02:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: include Codex CSS variables in Tabber variables

Browse source
This commit is contained in:
alistair3149 2024-08-31 20:03:38 -04:00
parent 795c76b4bd
commit 3d86ed5baa
No known key found for this signature in database
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
modules/ext.tabberNeue/ext.tabberNeue.less
View file

@ -1,13 +1,13 @@
.tabber { .tabber {
// Codex tokens aren't avaliable in older MW version // Codex tokens aren't avaliable in older MW version
--tabber-color-progressive: #36c; --tabber-color-progressive: var( --color-progressive, #36c ); // @color-progressive
--tabber-color-progressive--hover: #447ff5; --tabber-color-progressive--hover: var( --color-progressive--hover, #447ff5 ); // @color-progressive--hover
--tabber-color-progressive--active: #2a4b8d; --tabber-color-progressive--active: var( --color-progressive--active, #2a4b8d ); // @color-progressive--active
--tabber-color-base: #202122; --tabber-color-base: var( --color-base, #202122 ); // @color-base
--tabber-color-subtle: #54595d; --tabber-color-subtle: var( --color-subtle, #54595d ); // @color-subtle
--tabber-background-color-button-quiet--hover: rgba( 0, 24, 73, 0.027 ); --tabber-background-color-button-quiet--hover: var( --background-color-button-quiet--hover, rgba( 0, 24, 73, 0.027 ) ); // @background-color-button-quiet--hover
--tabber-background-color-button-quiet--active: rgba( 0, 24, 73, 0.082 ); --tabber-background-color-button-quiet--active: var( --background-color-button-quiet--active, rgba( 0, 24, 73, 0.082 ) ); // @background-color-button-quiet--active
--tabber-border-color-base: #a2a9b1; --tabber-border-color-base: var( --border-color-base, #a2a9b1 ); // @border-color-base
--tabber-height-indicator: 2px; --tabber-height-indicator: 2px;
position: relative; position: relative;
display: flex; display: flex;