File tree Expand file tree Collapse file tree 7 files changed +121
-114
lines changed
Expand file tree Collapse file tree 7 files changed +121
-114
lines changed Original file line number Diff line number Diff line change 55 < title > Subgrid: names can be added to the subgrid</ title >
66 < link rel ="stylesheet " href ="../styles.css " />
77 < style >
8- * {box-sizing : border-box;}
8+ * {
9+ box-sizing : border-box;
10+ }
911
10- .grid {
11- border : 2px solid # f76707 ;
12- border-radius : 5px ;
13- background-color : # fff4e6 ;
14- }
12+ .grid {
13+ border : 2px solid # f76707 ;
14+ border-radius : 5px ;
15+ background-color : # fff4e6 ;
16+ }
1517
16- .item {
17- border : 2px solid # ffa94d ;
18- border-radius : 5px ;
19- background-color : # ffd8a8 ;
20- color : # d9480f ;
21- }
18+ .item {
19+ border : 2px solid # ffa94d ;
20+ border-radius : 5px ;
21+ background-color : # ffd8a8 ;
22+ color : # d9480f ;
23+ }
2224
23- .subitem {
24- background-color : rgb (40 , 240 , 83 );
25- }
26-
25+ .subitem {
26+ background-color : rgb (40 , 240 , 83 );
27+ }
2728 </ style >
2829
2930 < style class ="editable ">
4849 }
4950
5051 .subitem2 {
51- background-color : rgba (0 , 0 , 0 , .5 );
52+ background-color : rgba (0 , 0 , 0 , 0 .5 );
5253 grid-column : sub-b / sub-d;
5354 grid-row : 1 ;
5455 }
Original file line number Diff line number Diff line change 55 < title > Subgrid: rows and columns</ title >
66 < link rel ="stylesheet " href ="../styles.css " />
77 < style >
8- * {box-sizing : border-box;}
8+ * {
9+ box-sizing : border-box;
10+ }
911
10- .grid {
11- border : 2px solid # f76707 ;
12- border-radius : 5px ;
13- background-color : # fff4e6 ;
14- }
12+ .grid {
13+ border : 2px solid # f76707 ;
14+ border-radius : 5px ;
15+ background-color : # fff4e6 ;
16+ }
1517
16- .item {
17- border : 2px solid # ffa94d ;
18- border-radius : 5px ;
19- background-color : # ffd8a8 ;
20- color : # d9480f ;
21- }
18+ .item {
19+ border : 2px solid # ffa94d ;
20+ border-radius : 5px ;
21+ background-color : # ffd8a8 ;
22+ color : # d9480f ;
23+ }
2224
23- .subitem {
24- background-color : rgb (40 , 240 , 83 );
25- }
26-
25+ .subitem {
26+ background-color : rgb (40 , 240 , 83 );
27+ }
2728 </ style >
2829
2930 < style class ="editable ">
Original file line number Diff line number Diff line change 55 < title > Subgrid: columns</ title >
66 < link rel ="stylesheet " href ="../styles.css " />
77 < style >
8- * {box-sizing : border-box;}
8+ * {
9+ box-sizing : border-box;
10+ }
911
10- .grid {
11- border : 2px solid # f76707 ;
12- border-radius : 5px ;
13- background-color : # fff4e6 ;
14- }
12+ .grid {
13+ border : 2px solid # f76707 ;
14+ border-radius : 5px ;
15+ background-color : # fff4e6 ;
16+ }
1517
16- .item {
17- border : 2px solid # ffa94d ;
18- border-radius : 5px ;
19- background-color : # ffd8a8 ;
20- color : # d9480f ;
21- }
18+ .item {
19+ border : 2px solid # ffa94d ;
20+ border-radius : 5px ;
21+ background-color : # ffd8a8 ;
22+ color : # d9480f ;
23+ }
2224
23- .subitem {
24- background-color : rgb (40 , 240 , 83 );
25- }
26-
25+ .subitem {
26+ background-color : rgb (40 , 240 , 83 );
27+ }
2728 </ style >
2829
2930 < style class ="editable ">
Original file line number Diff line number Diff line change 55 < title > Subgrid: gap inherited</ title >
66 < link rel ="stylesheet " href ="../styles.css " />
77 < style >
8- * {box-sizing : border-box;}
8+ * {
9+ box-sizing : border-box;
10+ }
911
10- .grid {
11- border : 2px solid # f76707 ;
12- border-radius : 5px ;
13- background-color : # fff4e6 ;
14- }
12+ .grid {
13+ border : 2px solid # f76707 ;
14+ border-radius : 5px ;
15+ background-color : # fff4e6 ;
16+ }
1517
16- .item {
17- border : 2px solid # ffa94d ;
18- border-radius : 5px ;
19- background-color : # ffd8a8 ;
20- color : # d9480f ;
21- }
18+ .item {
19+ border : 2px solid # ffa94d ;
20+ border-radius : 5px ;
21+ background-color : # ffd8a8 ;
22+ color : # d9480f ;
23+ }
2224
23- .subitem {
24- background-color : rgb (40 , 240 , 83 );
25- }
26-
25+ .subitem {
26+ background-color : rgb (40 , 240 , 83 );
27+ }
2728 </ style >
2829
2930 < style class ="editable ">
Original file line number Diff line number Diff line change 55 < title > Subgrid: line names passed into the subgrid</ title >
66 < link rel ="stylesheet " href ="../styles.css " />
77 < style >
8- * {box-sizing : border-box;}
8+ * {
9+ box-sizing : border-box;
10+ }
911
10- .grid {
11- border : 2px solid # f76707 ;
12- border-radius : 5px ;
13- background-color : # fff4e6 ;
14- }
12+ .grid {
13+ border : 2px solid # f76707 ;
14+ border-radius : 5px ;
15+ background-color : # fff4e6 ;
16+ }
1517
16- .item {
17- border : 2px solid # ffa94d ;
18- border-radius : 5px ;
19- background-color : # ffd8a8 ;
20- color : # d9480f ;
21- }
18+ .item {
19+ border : 2px solid # ffa94d ;
20+ border-radius : 5px ;
21+ background-color : # ffd8a8 ;
22+ color : # d9480f ;
23+ }
2224
23- .subitem {
24- background-color : rgb (40 , 240 , 83 );
25- }
26-
25+ .subitem {
26+ background-color : rgb (40 , 240 , 83 );
27+ }
2728 </ style >
2829
2930 < style class ="editable ">
Original file line number Diff line number Diff line change 55 < title > Subgrid: rows and columns means no implicit tracks</ title >
66 < link rel ="stylesheet " href ="../styles.css " />
77 < style >
8- * {box-sizing : border-box;}
8+ * {
9+ box-sizing : border-box;
10+ }
911
10- .grid {
11- border : 2px solid # f76707 ;
12- border-radius : 5px ;
13- background-color : # fff4e6 ;
14- }
12+ .grid {
13+ border : 2px solid # f76707 ;
14+ border-radius : 5px ;
15+ background-color : # fff4e6 ;
16+ }
1517
16- .item {
17- border : 2px solid # ffa94d ;
18- border-radius : 5px ;
19- color : # d9480f ;
20- }
18+ .item {
19+ border : 2px solid # ffa94d ;
20+ border-radius : 5px ;
21+ color : # d9480f ;
22+ }
2123
22- .subitem {
23- background-color : # d9480f ;
24- color : # fff ;
25- border-radius : 5px ;
26- }
27-
24+ .subitem {
25+ background-color : # d9480f ;
26+ color : # fff ;
27+ border-radius : 5px ;
28+ }
2829 </ style >
2930
3031 < style class ="editable ">
Original file line number Diff line number Diff line change 55 < title > Subgrid: rows</ title >
66 < link rel ="stylesheet " href ="../styles.css " />
77 < style >
8- * {box-sizing : border-box;}
8+ * {
9+ box-sizing : border-box;
10+ }
911
10- .grid {
11- border : 2px solid # f76707 ;
12- border-radius : 5px ;
13- background-color : # fff4e6 ;
14- }
12+ .grid {
13+ border : 2px solid # f76707 ;
14+ border-radius : 5px ;
15+ background-color : # fff4e6 ;
16+ }
1517
16- .item {
17- border : 2px solid # ffa94d ;
18- border-radius : 5px ;
19- background-color : # ffd8a8 ;
20- color : # d9480f ;
21- }
18+ .item {
19+ border : 2px solid # ffa94d ;
20+ border-radius : 5px ;
21+ background-color : # ffd8a8 ;
22+ color : # d9480f ;
23+ }
2224
23- .subitem {
24- background-color : rgb (40 , 240 , 83 );
25- }
26-
25+ .subitem {
26+ background-color : rgb (40 , 240 , 83 );
27+ }
2728 </ style >
2829
2930 < style class ="editable ">
You can’t perform that action at this time.
0 commit comments