chris
ff31c28d38
All checks were successful
Test action / Print hello world (push) Successful in 6m12s
33 lines
571 B
CSS
Executable file
33 lines
571 B
CSS
Executable file
.container {
|
|
isolation: isolate;
|
|
display: block grid;
|
|
|
|
container-type: inline-size;
|
|
}
|
|
|
|
.header {
|
|
position: relative;
|
|
block-size: 80cqb;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
display: block;
|
|
background: linear-gradient(
|
|
atan(var(--ratio, .2)),
|
|
var(--surface-2) 20em,
|
|
transparent 90%
|
|
);
|
|
}
|
|
|
|
& > .background {
|
|
position: absolute;
|
|
inset: 0;
|
|
block-size: 100%;
|
|
inline-size: 100%;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
z-index: 0;
|
|
}
|
|
}
|