mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-12-01 01:16:38 +00:00
00b2495c1a
- Move border radius calculation to CSS variable instead of LESS - Rename CSS variable according to Codex, soft-deprecating the existing border radius
86 lines
1.9 KiB
Plaintext
86 lines
1.9 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* SkinStyles for Extension:SemanticMediaWiki
|
|
* Module: smw.jsonview
|
|
* Version: 4.0.2 (0fcdfce)
|
|
*
|
|
* Date: 2022-10-20
|
|
*/
|
|
|
|
// Disable sticky header since it collides with anchor and adds no value
|
|
#citizen-page-header-sticky-sentinel {
|
|
display: none;
|
|
}
|
|
|
|
/* smw/smw.jsonview.css */
|
|
.smw-jsonview-button-group-left {
|
|
height: 40px;
|
|
}
|
|
|
|
.smw-jsonview-button-group-left input {
|
|
border-color: var( --border-color-base );
|
|
border-radius: var( --border-radius-base );
|
|
}
|
|
|
|
.smw-jsonview-button {
|
|
height: 40px;
|
|
background-color: var( --color-progressive );
|
|
transition-duration: 0ms;
|
|
}
|
|
|
|
.smw-jsonview-button:first-child {
|
|
border-right-color: var( --border-color-base );
|
|
border-radius: var( --border-radius-base ) 0 0 var( --border-radius-base );
|
|
}
|
|
|
|
.smw-jsonview-button:last-child {
|
|
border-radius: 0 var( --border-radius-base ) var( --border-radius-base ) 0;
|
|
}
|
|
|
|
.smw-jsonview-button:hover {
|
|
background-color: var( --color-progressive--hover );
|
|
}
|
|
|
|
// Added active state
|
|
.smw-jsonview-button:active {
|
|
background-color: var( --color-progressive--active );
|
|
}
|
|
|
|
.jsonview ul {
|
|
border-left-color: var( --border-color-base );
|
|
}
|
|
|
|
.smw-jsonview-menu {
|
|
height: 40px;
|
|
padding: var( --space-xs ) 0;
|
|
background-color: var( --color-surface-0 );
|
|
border: 0;
|
|
border-bottom: 1px solid var( --border-color-base );
|
|
}
|
|
|
|
.smw-jsonview-menu + pre {
|
|
background-color: var( --color-surface-2 );
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.smw-jsonview-menu .smw-jsonview-button {
|
|
color: var( --color-base );
|
|
background-color: transparent;
|
|
border-radius: var( --border-radius-base );
|
|
}
|
|
|
|
.smw-jsonview-menu .smw-jsonview-button:hover {
|
|
background-color: var( --background-color-button-quiet--hover );
|
|
}
|
|
|
|
// Added active state
|
|
.smw-jsonview-menu .smw-jsonview-button:active {
|
|
background-color: var( --background-color-button-quiet--active );
|
|
}
|
|
|
|
.smw-jsonview-menu .smw-jsonview-button:first-child {
|
|
border-right: 0;
|
|
}
|