mediawiki-skins-Citizen/skinStyles/extensions/Flow/ext.flow.less

96 lines
1.9 KiB
Plaintext
Raw Normal View History

2019-12-29 18:45:17 +00:00
/*
* Citizen
*
* SkinStyles for Extension:StructuredDiscussions
* Module: ext.flow
* Version: REL1_35 (e3379f0)
*
* Date: 2022-04-27
2019-12-29 18:45:17 +00:00
*/
/* styles/mediawiki.ui/modal.less */
.flow-ui-modal {
background: var( --background-color-overlay );
}
2019-12-29 18:45:17 +00:00
.flow-ui-modal-layout {
color: var( --color-base );
background: var( --color-surface-1 );
box-shadow: var( --box-shadow-dialog );
}
2019-12-29 18:45:17 +00:00
.flow-ui-modal-heading {
color: var( --color-base );
border-bottom-color: var( --border-color-base );
}
2019-12-29 18:45:17 +00:00
.flow-ui-modal-heading-prev {
color: var( --color-base--subtle );
border-right-color: var( --border-color-base );
}
2019-12-29 18:45:17 +00:00
.flow-ui-modal-heading-next {
color: var( --color-base--subtle );
border-left-color: var( --border-color-base );
}
2019-12-29 18:45:17 +00:00
/* styles/mediawiki.ui/tooltips.less */
.flow-ui-tooltip {
color: var( --color-base );
background-color: var( --color-surface-1 );
box-shadow: var( --box-shadow-dialog );
2019-12-29 18:45:17 +00:00
.flow-ui-tooltip-triangle {
&::after {
position: absolute;
z-index: 1;
width: 1em;
height: 1em;
content: '';
background: var( --color-surface-1 );
-webkit-transform: rotate( 45deg );
transform: rotate( 45deg );
2019-12-29 18:45:17 +00:00
}
}
// triangle on top
&.flow-ui-tooltip-up {
.flow-ui-tooltip-triangle {
&::after {
/* @noflip */
box-shadow: 0 0 1px 0 var( --border-color-base );
2019-12-29 18:45:17 +00:00
}
}
}
// triangle on bottom
&.flow-ui-tooltip-down {
.flow-ui-tooltip-triangle {
&::after {
/* @noflip */
box-shadow: 0 -1.5px 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );
2019-12-29 18:45:17 +00:00
}
}
}
// triangle at left
&.flow-ui-tooltip-left {
.flow-ui-tooltip-triangle {
&::after {
/* @noflip */
box-shadow: 1.5px 0 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );
2019-12-29 18:45:17 +00:00
}
}
}
// triangle at right
&.flow-ui-tooltip-right {
2019-12-29 18:45:17 +00:00
.flow-ui-tooltip-triangle {
&::after {
/* @noflip */
box-shadow: 0 1.5px 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );
2019-12-29 18:45:17 +00:00
}
}
}
}