42 lines
933 B
CSS
42 lines
933 B
CSS
/* default.css */
|
|
@media screen and (min-width: 920px) {
|
|
header {
|
|
width: var(--view);
|
|
border-right-width: 4px;
|
|
border-right-style: solid;
|
|
border-bottom-width: 4px;
|
|
border-bottom-style: solid;
|
|
border-bottom-right-radius: 100px;
|
|
margin-left: calc(var(--view) - 4px);
|
|
position: relative;
|
|
padding: calc(var(--pad-m) - 2px) var(--pad-sm);
|
|
z-index: 2;
|
|
}
|
|
}
|
|
|
|
/* nav.css */
|
|
@media screen and (max-width: 920px) {
|
|
header {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
border-right: 0 !important;
|
|
border-radius: 0 !important;
|
|
width: 100% !important;
|
|
background-attachment: none !important;
|
|
background-image: none !important;
|
|
background-size: none !important;
|
|
}
|
|
body::after {
|
|
content: none !important;
|
|
}
|
|
}
|
|
|
|
/* gallery.css */
|
|
@media screen and (max-width: 450px) {
|
|
#artworks & article {
|
|
&::before {
|
|
width: calc(100% + var(--pad-l) * 2) !important;
|
|
margin: -3rem 0 0 -16px !important;
|
|
}
|
|
}
|
|
}
|