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

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--small );
border-top-right-radius: var( --border-radius--small );
}
.tippy-bottom {
background-color: var( --color-surface-1 );
border-top-color: var( --border-color-base );
border-bottom-right-radius: var( --border-radius--small );
border-bottom-left-radius: var( --border-radius--small );
}
.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 );
}