2022-02-01 15:30:44 +03:00
|
|
|
div {
|
|
|
|
line-height: 100;
|
|
|
|
margin: 20 30;
|
|
|
|
margin: 20 30px;
|
|
|
|
margin: 20px 30;
|
2022-02-02 06:59:39 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
div {
|
|
|
|
property: 10;
|
|
|
|
property: +10;
|
|
|
|
property: -10;
|
|
|
|
property: 0.1;
|
|
|
|
property: +0.1;
|
|
|
|
property: -0.1;
|
|
|
|
property: -.1;
|
|
|
|
property: +.1;
|
|
|
|
property: 0;
|
|
|
|
property: 10;
|
|
|
|
property: .10;
|
|
|
|
property: 12.34;
|
|
|
|
property: 0.1;
|
|
|
|
property: 1.0;
|
|
|
|
property: 0.0;
|
|
|
|
property: +0.0;
|
|
|
|
property: -0.0;
|
|
|
|
property: .0;
|
|
|
|
property: 1.200000;
|
|
|
|
property: 1.2e2;
|
|
|
|
property: 1e2;
|
|
|
|
property: .2e2;
|
|
|
|
property: 1.2E2;
|
|
|
|
property: 1.2e+2;
|
|
|
|
property: 1.2e-2;
|
|
|
|
property: -1;
|
|
|
|
property: -1.2;
|
|
|
|
property: .2;
|
|
|
|
property: -.2;
|
|
|
|
property: +.2;
|
|
|
|
property: -1.2e3;
|
|
|
|
property: 1.75;
|
|
|
|
property: +1.75;
|
|
|
|
property: 1e0;
|
|
|
|
property: 1e1;
|
|
|
|
property: 1e+1;
|
|
|
|
property: 1e-1;
|
|
|
|
property: 1e-10;
|
|
|
|
property: 1+2;
|
|
|
|
property: 1-2;
|
|
|
|
property: 4.01;
|
|
|
|
property: -456.8;
|
|
|
|
property: .60;
|
|
|
|
property: .0060;
|
|
|
|
property: 10e3;
|
|
|
|
property: -3.4e-2;
|
|
|
|
property: 0.5600000000;
|
|
|
|
property: 10e6;
|
|
|
|
property: 10000000;
|
|
|
|
property: 0.0;
|
|
|
|
property: -0.0;
|
|
|
|
property: +0.0;
|
|
|
|
property: 0.00;
|
|
|
|
property: 1e0;
|
|
|
|
property: 1e1;
|
|
|
|
property: 1e2;
|
|
|
|
property: 1e3;
|
|
|
|
property: 1e4;
|
|
|
|
property: 1e5;
|
|
|
|
property: 1e-0;
|
|
|
|
property: 1e-1;
|
|
|
|
property: 1e-2;
|
|
|
|
property: 1e-3;
|
|
|
|
property: 1e-4;
|
|
|
|
property: 1e-5;
|
|
|
|
property: -1e-0;
|
|
|
|
property: -1e-1;
|
|
|
|
property: -1e-2;
|
|
|
|
property: -1e-3;
|
|
|
|
property: -1e-4;
|
|
|
|
property: -1e-5;
|
|
|
|
property: 0.1;
|
|
|
|
property: 0.01;
|
|
|
|
property: 0.001;
|
|
|
|
property: 0.0001;
|
|
|
|
property: 0.00001;
|
|
|
|
property: 0.000001;
|
|
|
|
property: 0.5;
|
|
|
|
property: 0.05;
|
|
|
|
property: 0.005;
|
|
|
|
property: 0.0005;
|
|
|
|
property: 0.00005;
|
|
|
|
property: 0.000005;
|
|
|
|
property: 0.000015;
|
|
|
|
property: 0.00001543;
|
|
|
|
property: 0.00001543000;
|
|
|
|
property: 000000;
|
|
|
|
property: +000000;
|
|
|
|
property: -000000;
|
|
|
|
property: 100.1e-5;
|
|
|
|
property: 100.1e-6;
|
|
|
|
property: 10001000000;
|
|
|
|
}
|
2022-02-07 17:29:38 +03:00
|
|
|
|
|
|
|
div {
|
|
|
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrapper {
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: repeat(3, 1fr);
|
|
|
|
gap: 10px;
|
|
|
|
grid-auto-rows: minmax(100px, auto);
|
|
|
|
}
|
|
|
|
.one {
|
|
|
|
grid-column: 1 / 3;
|
|
|
|
grid-row: 1;
|
|
|
|
}
|
|
|
|
.two {
|
|
|
|
grid-column: 2 / 4;
|
|
|
|
grid-row: 1 / 3;
|
|
|
|
}
|
|
|
|
.three {
|
|
|
|
grid-column: 1;
|
|
|
|
grid-row: 2 / 5;
|
|
|
|
}
|
|
|
|
.four {
|
|
|
|
grid-column: 3;
|
|
|
|
grid-row: 3;
|
|
|
|
}
|
|
|
|
.five {
|
|
|
|
grid-column: 2;
|
|
|
|
grid-row: 4;
|
|
|
|
}
|
|
|
|
.six {
|
|
|
|
grid-column: 3;
|
|
|
|
grid-row: 4;
|
|
|
|
}
|
|
|
|
|
|
|
|
#grid {
|
|
|
|
display: grid;
|
|
|
|
height: 100px;
|
|
|
|
grid-template: repeat(4, 1fr) / 50px 100px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.foo {
|
|
|
|
grid-area: 2 span / another-grid-area span;
|
|
|
|
}
|