2019-01-03 22:30:27 +00:00
|
|
|
.container {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
2019-04-03 11:47:41 +00:00
|
|
|
position: relative;
|
|
|
|
width: var(--layout-width);
|
2019-01-03 22:30:27 +00:00
|
|
|
}
|
|
|
|
|
2019-04-03 11:47:41 +00:00
|
|
|
.container-edge {
|
|
|
|
background-color: transparent;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 50%;
|
|
|
|
width: calc(var(--layout-width) + var(--layout-width-gutter));
|
|
|
|
height: 100vh;
|
|
|
|
transform: translate(-50%, 0);
|
|
|
|
z-index: var(--z-container-edge);
|
|
|
|
pointer-events: none;
|
|
|
|
box-shadow: inset 0 0 0 var(--line-width) rgb(var(--accent)), inset 0 0 0 calc(var(--line-width) * 2) rgba(var(--accent), 0.25);
|
2019-01-03 22:30:27 +00:00
|
|
|
}
|
|
|
|
|
2019-04-03 11:47:41 +00:00
|
|
|
@media (min-width: 550px) {}
|
2019-01-03 22:30:27 +00:00
|
|
|
|
|
|
|
@media (min-width: 900px) {}
|
|
|
|
|
2019-04-03 11:47:41 +00:00
|
|
|
@media (min-width: 1100px) {}
|
2019-01-03 22:30:27 +00:00
|
|
|
|
2019-04-03 11:47:41 +00:00
|
|
|
@media (min-width: 1600px) {}
|
2019-01-03 22:30:27 +00:00
|
|
|
|
|
|
|
@media (min-width: 1600px) {}
|