Skip to content

Commit 6da142c

Browse files
mregomrego
committed
Remove -webkit prefix
1 parent 5329b5b commit 6da142c

26 files changed

+56
-380
lines changed

‎alignment-demo.html

-4
Original file line numberDiff line numberDiff line change
@@ -22,9 +22,7 @@
2222
.grid {
2323
margin: 50px;
2424
float: left;
25-
-webkit-grid-template-columns: 200px 200px 200px;
2625
grid-template-columns: 200px 200px 200px;
27-
-webkit-grid-template-rows: 200px 200px;
2826
grid-template-rows: 200px 200px;
2927
}
3028

@@ -56,12 +54,10 @@
5654
}
5755

5856
.item3 {
59-
-webkit-grid-row: span 2;
6057
grid-row: span 2;
6158
}
6259

6360
.item4 {
64-
-webkit-grid-column: span 2;
6561
grid-column: span 2;
6662
}
6763
</style>

‎areas.html

-14
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,6 @@
44
<link href="css/grid.css" rel="stylesheet">
55
<style>
66
.grid {
7-
-webkit-grid-template: "a b b c"
8-
"d b b c"
9-
"e e e e";
10-
-webkit-grid-template-areas: "a b b c"
11-
"d b b c"
12-
"e e e e";
13-
grid-template: "a b b c"
14-
"d b b c"
15-
"e e e e";
167
grid-template-areas: "a b b c"
178
"d b b c"
189
"e e e e";
@@ -25,27 +16,22 @@
2516
}
2617

2718
#item1 {
28-
-webkit-grid-area: a;
2919
grid-area: a;
3020
}
3121

3222
#item2 {
33-
-webkit-grid-area: b;
3423
grid-area: b;
3524
}
3625

3726
#item3 {
38-
-webkit-grid-area: c;
3927
grid-area: c;
4028
}
4129

4230
#item4 {
43-
-webkit-grid-area: d;
4431
grid-area: d;
4532
}
4633

4734
#item5 {
48-
-webkit-grid-area: e;
4935
grid-area: e;
5036
}
5137
</style>

‎autoplacement-form.html

-5
Original file line numberDiff line numberDiff line change
@@ -5,30 +5,25 @@
55
<style>
66
form {
77
display: -ms-grid;
8-
display: -webkit-grid;
98
display: grid;
10-
-webkit-grid-auto-flow: row;
119
grid-auto-flow: row;
1210
background-color: #DDD;
1311
}
1412

1513
label {
1614
-ms-grid-column: 1;
17-
-webkit-grid-column: 1;
1815
grid-column: 1;
1916
background-color: #FCC;
2017
}
2118

2219
input {
2320
-ms-grid-column: 2;
24-
-webkit-grid-column: 2;
2521
grid-column: 2;
2622
background-color: #CCF;
2723
}
2824

2925
#controls {
3026
-ms-grid-column: 1 / span 2;
31-
-webkit-grid-column: 1 / span 2;
3227
grid-column: 1 / span 2;
3328
background-color: #CFC;
3429
}

‎autoplacement-span.html

-50
Original file line numberDiff line numberDiff line change
@@ -10,177 +10,127 @@
1010
}
1111

1212
.rowauto-column1span2 {
13-
-webkit-grid-column: 1 / span 2;
1413
grid-column: 1 / span 2;
1514
}
1615

1716
.rowauto-column2span2 {
18-
-webkit-grid-column: 2 / span 2;
1917
grid-column: 2 / span 2;
2018
}
2119

2220
.rowauto-column1span3 {
23-
-webkit-grid-column: 1 / span 3;
2421
grid-column: 1 / span 3;
2522
}
2623

2724
.row1span2-columnauto {
28-
-webkit-grid-row: 1 / span 2;
2925
grid-row: 1 / span 2;
3026
}
3127

3228
.row2span2-columnauto {
33-
-webkit-grid-row: 2 / span 2;
3429
grid-row: 2 / span 2;
3530
}
3631

3732
.row1span3-columnauto {
38-
-webkit-grid-row: 1 / span 3;
3933
grid-row: 1 / span 3;
4034
}
4135

4236
#explicit-grid-5rows-3columns {
43-
-webkit-grid-definition-columns: auto auto auto;
44-
-webkit-grid-template-columns: auto auto auto;
4537
grid-definition-columns: auto auto auto;
4638
grid-template-columns: auto auto auto;
47-
-webkit-grid-definition-rows: auto auto auto auto auto;
48-
-webkit-grid-template-rows: auto auto auto auto auto;
4939
grid-definition-rows: auto auto auto auto auto;
5040
grid-template-rows: auto auto auto auto auto;
5141
}
5242

5343
#explicit-grid-3rows-5columns {
54-
-webkit-grid-definition-columns: auto auto auto auto auto;
55-
-webkit-grid-template-columns: auto auto auto auto auto;
5644
grid-definition-columns: auto auto auto auto auto;
5745
grid-template-columns: auto auto auto auto auto;
58-
-webkit-grid-definition-rows: auto auto auto;
59-
-webkit-grid-template-rows: auto auto auto;
6046
grid-definition-rows: auto auto auto;
6147
grid-template-rows: auto auto auto;
6248
}
6349

6450
#explicit-grid-3rows-3columns {
65-
-webkit-grid-definition-columns: auto auto auto;
66-
-webkit-grid-template-columns: auto auto auto;
6751
grid-definition-columns: auto auto auto;
6852
grid-template-columns: auto auto auto;
69-
-webkit-grid-definition-rows: auto auto auto;
70-
-webkit-grid-template-rows: auto auto auto;
7153
grid-definition-rows: auto auto auto;
7254
grid-template-rows: auto auto auto;
7355
}
7456

7557
.row2-column1span2 {
76-
-webkit-grid-column: 1 / span 2;
7758
grid-column: 1 / span 2;
78-
-webkit-grid-row: 2;
7959
grid-row: 2;
8060
}
8161

8262
.row3-column1 {
83-
-webkit-grid-column: 1;
8463
grid-column: 1;
85-
-webkit-grid-row: 3;
8664
grid-row: 3;
8765
}
8866

8967
.row3-column2span2 {
90-
-webkit-grid-column: 2 / span 2;
9168
grid-column: 2 / span 2;
92-
-webkit-grid-row: 3;
9369
grid-row: 3;
9470
}
9571

9672
.row4-column1span3 {
97-
-webkit-grid-column: 1 / span 3;
9873
grid-column: 1 / span 3;
99-
-webkit-grid-row: 4;
10074
grid-row: 4;
10175
}
10276

10377
.row5-column1 {
104-
-webkit-grid-column: 1;
10578
grid-column: 1;
106-
-webkit-grid-row: 5;
10779
grid-row: 5;
10880
}
10981

11082
.row5-column2 {
111-
-webkit-grid-column: 2;
11283
grid-column: 2;
113-
-webkit-grid-row: 5;
11484
grid-row: 5;
11585
}
11686

11787
.row5-column3 {
118-
-webkit-grid-column: 3;
11988
grid-column: 3;
120-
-webkit-grid-row: 5;
12189
grid-row: 5;
12290
}
12391

12492
.row1span2-column2 {
125-
-webkit-grid-row: 1 / span 2;
12693
grid-row: 1 / span 2;
127-
-webkit-grid-column: 2;
12894
grid-column: 2;
12995
}
13096

13197
.row1-column3 {
132-
-webkit-grid-row: 1;
13398
grid-row: 1;
134-
-webkit-grid-column: 3;
13599
grid-column: 3;
136100
}
137101

138102
.row2span2-column3 {
139-
-webkit-grid-row: 2 / span 2;
140103
grid-row: 2 / span 2;
141-
-webkit-grid-column: 3;
142104
grid-column: 3;
143105
}
144106

145107
.row1span3-column4 {
146-
-webkit-grid-row: 1 / span 3;
147108
grid-row: 1 / span 3;
148-
-webkit-grid-column: 4;
149109
grid-column: 4;
150110
}
151111

152112
.row1-column5 {
153-
-webkit-grid-row: 1;
154113
grid-row: 1;
155-
-webkit-grid-column: 5;
156114
grid-column: 5;
157115
}
158116

159117
.row2-column5 {
160-
-webkit-grid-row: 2;
161118
grid-row: 2;
162-
-webkit-grid-column: 5;
163119
grid-column: 5;
164120
}
165121

166122
.row3-column5 {
167-
-webkit-grid-row: 3;
168123
grid-row: 3;
169-
-webkit-grid-column: 5;
170124
grid-column: 5;
171125
}
172126

173127
.row2span2-column1 {
174-
-webkit-grid-row: 2 / span 2;
175128
grid-row: 2 / span 2;
176-
-webkit-grid-column: 1;
177129
grid-column: 1;
178130
}
179131

180132
.row1-column2span2 {
181-
-webkit-grid-column: 2 / span 2;
182133
grid-column: 2 / span 2;
183-
-webkit-grid-row: 1;
184134
grid-row: 1;
185135
}
186136
</style>

‎autoplacement.html

-5
Original file line numberDiff line numberDiff line change
@@ -13,16 +13,11 @@
1313
margin: 50px;
1414
float: left;
1515
-ms-grid-columns: 150px 150px 150px;
16-
-webkit-grid-definition-columns: 150px 150px 150px;
17-
-webkit-grid-template-columns: 150px 150px 150px;
1816
grid-definition-columns: 150px 150px 150px;
1917
grid-template-columns: 150px 150px 150px;
2018
-ms-grid-rows: 75px 75px 75px;
21-
-webkit-grid-definition-rows: 75px 75px 75px;
22-
-webkit-grid-template-rows: 75px 75px 75px;
2319
grid-definition-rows: 75px 75px 75px;
2420
grid-template-rows: 75px 75px 75px;
25-
-webkit-grid-auto-flow: row;
2621
grid-auto-flow: row;
2722
-grid-auto-columns: 150px;
2823
grid-auto-columns: 150px;

‎basic-alignment.html

-2
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,8 @@
55
<style>
66
.grid {
77
grid-template-columns: 100px 100px;
8-
-webkit-grid-template-columns: 100px 100px;
98
-ms-grid-columns: 100px 100px;
109
grid-template-rows: 150px 150px;
11-
-webkit-grid-template-rows: 150px 150px;
1210
-ms-grid-rows: 150px 150px;
1311
width: -webkit-fit-content;
1412
}

‎breadth.html

-2
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,6 @@
55
<style>
66
.grid {
77
-ms-grid-columns: 200px 1fr 200px;
8-
-webkit-grid-definition-columns: 200px 1fr 200px;
9-
-webkit-grid-template-columns: 200px 1fr 200px;
108
grid-definition-columns: 200px 1fr 200px;
119
grid-template-columns: 200px 1fr 200px;
1210
}

0 commit comments

Comments
 (0)