2023-04-30 21:01:29 +00:00
|
|
|
.citizen-table-wrapper {
|
|
|
|
overflow-x: auto;
|
|
|
|
}
|
2023-04-30 23:54:31 +00:00
|
|
|
|
|
|
|
// 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 );
|
|
|
|
}
|
2023-04-30 23:55:44 +00:00
|
|
|
}
|