mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 09:32:43 +00:00
0f1f95da46
This changes grid items position storage type from unsigned to signed integer so it can represent negative offsets and also updates placement for grid items with specified column to correctly handle negative offsets.
38 lines
No EOL
530 B
HTML
38 lines
No EOL
530 B
HTML
<style>
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: auto;
|
|
}
|
|
|
|
.a {
|
|
grid-column: -3;
|
|
background-color: lightblue;
|
|
}
|
|
|
|
.b {
|
|
grid-column-start: -1;
|
|
background-color: lightcoral;
|
|
}
|
|
|
|
.c {
|
|
grid-column: 1;
|
|
background-color: lightsalmon;
|
|
}
|
|
|
|
.d {
|
|
grid-column: 3;
|
|
background-color: lightgreen;
|
|
}
|
|
</style>
|
|
<div class="grid">
|
|
<div class="a">a</div>
|
|
<div class="c">c</div>
|
|
<div class="b">b</div>
|
|
<div class="b">b</div>
|
|
<div class="d">d</div>
|
|
<div class="c">c</div>
|
|
<div class="d">d</div>
|
|
<div class="e">e</div>
|
|
<div class="f">f</div>
|
|
</div>
|
|
|