mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/elements/ve.ui.MWExpandableContentElement.less
Jan Drewniak 2fc809dc17 Replace hardcoded colors with Codex design tokens
Replaces hardcoded color hex values with their equivalent
values from Codex, via the "mediawiki.skin.variables" system.

Bug: T366197
Change-Id: Ia929a1a8d6351222acb454c8ec750e920ae6d072
2024-06-07 14:40:07 -04:00

34 lines
624 B
Plaintext

@import 'mediawiki.skin.variables.less';
.ve-ui-expandableContent {
&-collapsible {
overflow: hidden;
position: relative;
margin: 0.4em 0 0.5em 0;
transition: height 200ms;
}
&-container {
display: flex;
align-items: center;
position: absolute;
bottom: 0;
pointer-events: none; /* Allows clicking "through" the fade effect */
}
&-toggle {
background-color: @background-color-base;
pointer-events: auto;
}
&-fade {
background: linear-gradient( to right, transparent 0, @background-color-base 90% );
width: 50px;
height: 100%;
}
&-collapsible > :last-child {
margin-bottom: 0;
}
}