29 lines
673 B
CSS
29 lines
673 B
CSS
|
@layer utilities {
|
||
|
|
/*
|
||
|
|
* Legacy section grid — prefer page-atmosphere__grid for continuity.
|
||
|
|
* Kept for rare accent use; same scale/opacity family as the global grid.
|
||
|
|
*/
|
||
|
|
.section-pattern-grid {
|
||
|
|
position: absolute;
|
||
|
|
inset: 0;
|
||
|
|
opacity: 0.022;
|
||
|
|
background-image:
|
||
|
|
linear-gradient(to right, currentColor 1px, transparent 1px),
|
||
|
|
linear-gradient(to bottom, currentColor 1px, transparent 1px);
|
||
|
|
background-size: 4rem 4rem;
|
||
|
|
color: var(--foreground);
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-pattern-grid--accent {
|
||
|
|
opacity: 0.028;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .section-pattern-grid {
|
||
|
|
opacity: 0.028;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .section-pattern-grid--accent {
|
||
|
|
opacity: 0.034;
|
||
|
|
}
|
||
|
|
}
|