mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-13 04:26:16 -08:00
33 lines
772 B
SCSS
33 lines
772 B
SCSS
// Cover size tokens — consumed by all cover/poster grids and rails.
|
|
// Toggled via [data-cover-size] attribute on <html>, set from SettingsStore.
|
|
:root {
|
|
--cover-grid-min-width: 148px;
|
|
--cover-rail-width: 172px;
|
|
--cover-gap: 16px;
|
|
}
|
|
|
|
:root[data-cover-size='small'] {
|
|
--cover-grid-min-width: 120px;
|
|
--cover-rail-width: 140px;
|
|
--cover-gap: 12px;
|
|
}
|
|
|
|
:root[data-cover-size='medium'] {
|
|
--cover-grid-min-width: 148px;
|
|
--cover-rail-width: 172px;
|
|
--cover-gap: 16px;
|
|
}
|
|
|
|
:root[data-cover-size='large'] {
|
|
--cover-grid-min-width: 200px;
|
|
--cover-rail-width: 220px;
|
|
--cover-gap: 20px;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
:root[data-cover-size='large'] {
|
|
--cover-grid-min-width: 160px;
|
|
--cover-rail-width: 170px;
|
|
}
|
|
}
|