Revert "feat: full responsive layout — mobile-first, lg breakpoint, fluid typography"
This reverts commit 2505a87717.
This commit is contained in:
+1
-26
@@ -13,32 +13,7 @@
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-padding-top: 5rem; /* mobile navbar height */
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
html {
|
||||
scroll-padding-top: 6.25rem; /* desktop navbar height */
|
||||
}
|
||||
}
|
||||
|
||||
/* Hero image: gradient mask only on desktop where image is right-column */
|
||||
.hero-mask {
|
||||
-webkit-mask-image: none;
|
||||
mask-image: none;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.hero-mask {
|
||||
-webkit-mask-image:
|
||||
linear-gradient(to right, transparent 0%, black 14%),
|
||||
linear-gradient(to bottom, transparent 0%, black 10%);
|
||||
-webkit-mask-composite: destination-in;
|
||||
mask-image:
|
||||
linear-gradient(to right, transparent 0%, black 14%),
|
||||
linear-gradient(to bottom, transparent 0%, black 10%);
|
||||
mask-composite: intersect;
|
||||
}
|
||||
scroll-padding-top: 6.25rem; /* navbar height */
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
Reference in New Issue
Block a user