mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-25 14:57:31 +00:00
35 lines
851 B
Plaintext
35 lines
851 B
Plaintext
// Responsive table for no js
|
|
// Avoid clipping when script is not yet loaded
|
|
table {
|
|
display: block;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
// JS-enhanced responsive table
|
|
.citizen-table-wrapper {
|
|
overflow-x: auto;
|
|
|
|
table {
|
|
display: table;
|
|
overflow: initial;
|
|
}
|
|
}
|
|
|
|
// TODO: Move this out of tables styles when this is used by more stuff
|
|
.citizen-overflow {
|
|
&--left {
|
|
-webkit-mask-image: linear-gradient( 90deg, transparent, #000 15% );
|
|
mask-image: linear-gradient( 90deg, transparent, #000 15% );
|
|
}
|
|
|
|
&--right {
|
|
-webkit-mask-image: linear-gradient( 90deg, #000 85%, transparent );
|
|
mask-image: linear-gradient( 90deg, #000 85%, transparent );
|
|
}
|
|
|
|
&--left&--right {
|
|
-webkit-mask-image: linear-gradient( 90deg, transparent, #000 15%, #000 85%, transparent );
|
|
mask-image: linear-gradient( 90deg, transparent, #000 15%, #000 85%, transparent );
|
|
}
|
|
}
|