mediawiki-skins-Citizen/skinStyles/extensions/SemanticMediaWiki/smw.jsonview.less
2023-07-27 21:19:27 -04:00

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-body-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--small );
}
.smw-jsonview-button {
height: 40px;
background-color: var( --color-primary );
transition-duration: 0ms;
}
.smw-jsonview-button:first-child {
border-right-color: var( --border-color-base );
border-radius: var( --border-radius--small ) 0 0 var( --border-radius--small );
}
.smw-jsonview-button:last-child {
border-radius: 0 var( --border-radius--small ) var( --border-radius--small ) 0;
}
.smw-jsonview-button:hover {
background-color: var( --color-primary--hover );
}
// Added active state
.smw-jsonview-button:active {
background-color: var( --color-primary--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--small );
}
.smw-jsonview-menu .smw-jsonview-button:hover {
background-color: var( --background-color-quiet--hover );
}
// Added active state
.smw-jsonview-menu .smw-jsonview-button:active {
background-color: var( --background-color-quiet--active );
}
.smw-jsonview-menu .smw-jsonview-button:first-child {
border-right: 0;
}