mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-12-22 19:12:56 +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
70 lines
2.2 KiB
Plaintext
70 lines
2.2 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* SkinStyles for Extension:SemanticMediaWiki
|
|
* Module: smw.tippy
|
|
* Version: 4.0.2 (0fcdfce)
|
|
*
|
|
* Date: 2022-10-20
|
|
*/
|
|
|
|
/* smw/util/smw.tippy.css */
|
|
.tippy-header {
|
|
background-color: var( --color-surface-2 );
|
|
border-bottom-color: var( --border-color-base );
|
|
border-top-left-radius: var( --border-radius-base );
|
|
border-top-right-radius: var( --border-radius-base );
|
|
}
|
|
|
|
.tippy-bottom {
|
|
background-color: var( --color-surface-1 );
|
|
border-top-color: var( --border-color-base );
|
|
border-bottom-right-radius: var( --border-radius-base );
|
|
border-bottom-left-radius: var( --border-radius-base );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow,
|
|
.tippy-tooltip.light-theme[ x-placement^='bottom' ] .tippy-arrow,
|
|
.tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow::after,
|
|
.tippy-tooltip.light-theme[ x-placement^='bottom' ] .tippy-arrow::after {
|
|
border-bottom-color: var( --color-surface-2 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme.square-border-transparent-arrow[ x-placement^='bottom' ] .tippy-arrow,
|
|
.tippy-tooltip.light-border-theme.square-border-light[ x-placement^='bottom' ] .tippy-arrow,
|
|
.tippy-tooltip.light-theme.square-border-transparent-arrow[ x-placement^='bottom' ] .tippy-arrow,
|
|
.tippy-tooltip.light-theme.square-border-light[ x-placement^='bottom' ] .tippy-arrow,
|
|
.tippy-tooltip.light-border-theme.square-border-transparent-arrow[ x-placement^='bottom' ] .tippy-arrow::after,
|
|
.tippy-tooltip.light-border-theme.square-border-light[ x-placement^='bottom' ] .tippy-arrow::after,
|
|
.tippy-tooltip.light-theme.square-border-transparent-arrow[ x-placement^='bottom' ] .tippy-arrow::after,
|
|
.tippy-tooltip.light-theme.square-border-light[ x-placement^='bottom' ] .tippy-arrow::after {
|
|
border-bottom-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.square-border-light .tippy-header {
|
|
background-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-cancel {
|
|
color: var( --background-color-icon );
|
|
text-shadow: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
.tippy-cancel:hover {
|
|
color: var( --background-color-icon--hover );
|
|
opacity: 1;
|
|
}
|
|
|
|
.tippy-cancel:active {
|
|
color: var( --background-color-icon--active );
|
|
}
|
|
|
|
.tippy-warning-circle {
|
|
background-color: var( --color-warning );
|
|
}
|
|
|
|
.tippy-error-circle {
|
|
background-color: var( --color-destructive );
|
|
}
|