mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-11 16:48:54 +00:00
feat(wikitable): ✨ add new wikitable utility classes for additional styling
- .wikitable--border to enable vertical divider - .wikitable--stripe to enable striped rows
This commit is contained in:
parent
cc0820c204
commit
362dcd01cc
|
@ -40,8 +40,7 @@
|
|||
|
||||
&-content {
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
overflow: auto hidden;
|
||||
|
||||
> .wikitable {
|
||||
display: table;
|
||||
|
|
|
@ -47,10 +47,12 @@
|
|||
th,
|
||||
td {
|
||||
&:first-child {
|
||||
border-left-width: 0;
|
||||
border-top-left-radius: var( --border-radius-medium );
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-right-width: 0;
|
||||
border-top-right-radius: var( --border-radius-medium );
|
||||
}
|
||||
}
|
||||
|
@ -60,10 +62,12 @@
|
|||
th,
|
||||
td {
|
||||
&:first-child {
|
||||
border-left-width: 0;
|
||||
border-bottom-left-radius: var( --border-radius-medium );
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-right-width: 0;
|
||||
border-bottom-right-radius: var( --border-radius-medium );
|
||||
}
|
||||
}
|
||||
|
@ -106,4 +110,19 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--border {
|
||||
tr {
|
||||
> :not( [ hidden ] ) ~ :not( [ hidden ] ) {
|
||||
border-right: var( --border-width-base ) solid var( --border-color-base );
|
||||
border-left: var( --border-width-base ) solid var( --border-color-base );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--stripe {
|
||||
tbody tr:nth-child( even ) {
|
||||
background-color: var( --color-surface-2 );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -59,6 +59,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
.citizen-overflow-wrapper:has( #sv-software ) {
|
||||
max-width: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
// Highlight Citizen skin
|
||||
#mw-version-ext-skin-Citizen {
|
||||
background: var( --color-surface-2 );
|
||||
|
|
Loading…
Reference in a new issue