nightTab/css/container.css
2019-04-01 16:11:39 +01:00

46 lines
759 B
CSS
Executable File

.container {
margin-left: auto;
margin-right: auto;
transition: all var(--animation-speed-fast) ease-in-out;
}
.is-layout-width-fluid .container,
.is-layout-width-wide .container,
.is-layout-width-thin .container {
width: calc(100vw - 4em);
}
@media (min-width: 550px) {
.is-layout-width-wide .container {
width: 80vw;
}
.is-layout-width-thin .container {
width: 60vw;
}
}
@media (min-width: 900px) {}
@media (min-width: 1100px) {
.is-layout-width-wide .container {
width: 75vw;
}
.is-layout-width-thin .container {
width: 40vw;
}
}
@media (min-width: 1600px) {
.is-layout-width-wide .container {
width: 70vw;
}
.is-layout-width-thin .container {
width: 30vw;
}
}
@media (min-width: 1600px) {}