mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-12-19 09:41:26 +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
113 lines
3 KiB
Plaintext
113 lines
3 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* SkinStyles for Extension:SemanticMediaWiki
|
|
* Module: ext.libs.tippy
|
|
* Version: 4.0.2 (0fcdfce)
|
|
*
|
|
* Date: 2022-10-20
|
|
*/
|
|
|
|
/* libs/tippy/tippy.css */
|
|
/* ^ This gets overriden by the styles below anyways */
|
|
|
|
/* libs/tippy/light-border.css */
|
|
.tippy-tooltip.light-border-theme {
|
|
color: var( --color-base );
|
|
background-color: var( --color-surface-1 );
|
|
border: 0;
|
|
border-radius: var( --border-radius-base );
|
|
box-shadow: var( --box-shadow-dialog );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme .tippy-backdrop {
|
|
background-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme .tippy-roundarrow {
|
|
fill: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme .tippy-roundarrow::after {
|
|
fill: transparent;
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='top' ] .tippy-arrow {
|
|
border-top-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='top' ] .tippy-arrow::after {
|
|
border-top-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='top' ] .tippy-arrow::before {
|
|
border-top-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow {
|
|
border-bottom-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow::after {
|
|
border-bottom-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='bottom' ] .tippy-arrow::before {
|
|
border-bottom-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='left' ] .tippy-arrow {
|
|
border-left-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='left' ] .tippy-arrow::after {
|
|
border-left-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='left' ] .tippy-arrow::before {
|
|
border-left-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='right' ] .tippy-arrow {
|
|
border-right-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='right' ] .tippy-arrow::after {
|
|
border-right-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-border-theme[ x-placement^='right' ] .tippy-arrow::before {
|
|
border-right-color: var( --color-surface-1 );
|
|
}
|
|
|
|
/* libs/tippy/light.css */
|
|
.tippy-tooltip.light-theme {
|
|
color: var( --color-base );
|
|
background-color: var( --color-surface-1 );
|
|
box-shadow: var( --box-shadow-dialog );
|
|
}
|
|
|
|
.tippy-tooltip.light-theme[ x-placement^='top' ] .tippy-arrow {
|
|
border-top-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-theme[ x-placement^='bottom' ] .tippy-arrow {
|
|
border-bottom-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-theme[ x-placement^='left' ] .tippy-arrow {
|
|
border-left-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-theme[ x-placement^='right' ] .tippy-arrow {
|
|
border-right-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-theme .tippy-backdrop {
|
|
background-color: var( --color-surface-1 );
|
|
}
|
|
|
|
.tippy-tooltip.light-theme .tippy-roundarrow {
|
|
fill: var( --color-surface-1 );
|
|
}
|