mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-30 00:55:25 +00:00
83ab221408
Wikis use tables in creative ways and it is probably just safer to only apply it to wikitables. Might revisit if there are any news from T330527.
37 lines
990 B
Plaintext
37 lines
990 B
Plaintext
@overflow-affordnance-size: 2rem;
|
|
|
|
.mask-gradient(@direction, @color1, @color2, @color3: null , @color4: null) {
|
|
-webkit-mask-image: linear-gradient( @direction, @color1, @color2 );
|
|
mask-image: linear-gradient( @direction, @color1, @color2 );
|
|
|
|
& when not(@color3 = null), not(@color4 = null) {
|
|
-webkit-mask-image: linear-gradient( @direction, @color1, @color2, @color3, @color4 );
|
|
mask-image: linear-gradient( @direction, @color1, @color2, @color3, @color4 );
|
|
}
|
|
}
|
|
|
|
// Elements enhanced by overflowElements.js
|
|
.citizen-overflow {
|
|
&-wrapper {
|
|
overflow-x: auto;
|
|
|
|
.wikitable {
|
|
display: table;
|
|
max-width: none;
|
|
overflow: initial;
|
|
}
|
|
}
|
|
|
|
&--left {
|
|
.mask-gradient(90deg, transparent, #000 @overflow-affordnance-size);
|
|
}
|
|
|
|
&--right {
|
|
.mask-gradient(270deg, transparent, #000 @overflow-affordnance-size);
|
|
}
|
|
|
|
&--left&--right {
|
|
.mask-gradient(90deg, transparent, #000 @overflow-affordnance-size, #000 ~'calc( 100% - @{overflow-affordnance-size} )', transparent);
|
|
}
|
|
}
|