Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(38)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html

Issue 146773002: [CSS Grid Layout] Rename grid-definition-{columns|rows} to match the new syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fixed renaming issues with some tests. Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt ('k') | LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html> 2 <html>
3 <head> 3 <head>
4 <link href="resources/grid.css" rel="stylesheet"> 4 <link href="resources/grid.css" rel="stylesheet">
5 <style> 5 <style>
6 .gridWithNone { 6 .gridWithNone {
7 grid-definition-columns: none; 7 grid-template-columns: none;
8 grid-definition-rows: none; 8 grid-template-rows: none;
9 } 9 }
10 .gridWithFixed { 10 .gridWithFixed {
11 grid-definition-columns: 10px; 11 grid-template-columns: 10px;
12 grid-definition-rows: 15px; 12 grid-template-rows: 15px;
13 } 13 }
14 .gridWithPercent { 14 .gridWithPercent {
15 grid-definition-columns: 53%; 15 grid-template-columns: 53%;
16 grid-definition-rows: 27%; 16 grid-template-rows: 27%;
17 } 17 }
18 .gridWithAuto { 18 .gridWithAuto {
19 grid-definition-columns: auto; 19 grid-template-columns: auto;
20 grid-definition-rows: auto; 20 grid-template-rows: auto;
21 } 21 }
22 .gridWithEM { 22 .gridWithEM {
23 grid-definition-columns: 10em; 23 grid-template-columns: 10em;
24 grid-definition-rows: 15em; 24 grid-template-rows: 15em;
25 font: 10px Ahem; 25 font: 10px Ahem;
26 } 26 }
27 .gridWithViewPortPercentage { 27 .gridWithViewPortPercentage {
28 grid-definition-columns: 8vw; 28 grid-template-columns: 8vw;
29 grid-definition-rows: 10vh; 29 grid-template-rows: 10vh;
30 } 30 }
31 .gridWithFitContent { 31 .gridWithFitContent {
32 grid-definition-columns: -webkit-fit-content; 32 grid-template-columns: -webkit-fit-content;
33 grid-definition-rows: -webkit-fit-content; 33 grid-template-rows: -webkit-fit-content;
34 } 34 }
35 .gridWithFitAvailable { 35 .gridWithFitAvailable {
36 grid-definition-columns: -webkit-fit-available; 36 grid-template-columns: -webkit-fit-available;
37 grid-definition-rows: -webkit-fit-available; 37 grid-template-rows: -webkit-fit-available;
38 } 38 }
39 .gridWithMinMax { 39 .gridWithMinMax {
40 grid-definition-columns: minmax(10%, 15px); 40 grid-template-columns: minmax(10%, 15px);
41 grid-definition-rows: minmax(20px, 50%); 41 grid-template-rows: minmax(20px, 50%);
42 } 42 }
43 .gridWithMinContent { 43 .gridWithMinContent {
44 grid-definition-columns: min-content; 44 grid-template-columns: min-content;
45 grid-definition-rows: min-content; 45 grid-template-rows: min-content;
46 } 46 }
47 .gridWithMaxContent { 47 .gridWithMaxContent {
48 grid-definition-columns: max-content; 48 grid-template-columns: max-content;
49 grid-definition-rows: max-content; 49 grid-template-rows: max-content;
50 } 50 }
51 .gridWithFraction { 51 .gridWithFraction {
52 grid-definition-columns: 1fr; 52 grid-template-columns: 1fr;
53 grid-definition-rows: 2fr; 53 grid-template-rows: 2fr;
54 } 54 }
55 .gridWithCalc { 55 .gridWithCalc {
56 grid-definition-columns: calc(150px); 56 grid-template-columns: calc(150px);
57 grid-definition-rows: calc(75px); 57 grid-template-rows: calc(75px);
58 } 58 }
59 .gridWithCalcComplex { 59 .gridWithCalcComplex {
60 grid-definition-columns: calc(50% + 150px); 60 grid-template-columns: calc(50% + 150px);
61 grid-definition-rows: calc(65% + 75px); 61 grid-template-rows: calc(65% + 75px);
62 } 62 }
63 .gridWithCalcInsideMinMax { 63 .gridWithCalcInsideMinMax {
64 grid-definition-columns: minmax(10%, calc(15px)); 64 grid-template-columns: minmax(10%, calc(15px));
65 grid-definition-rows: minmax(calc(20px), 50%); 65 grid-template-rows: minmax(calc(20px), 50%);
66 } 66 }
67 .gridWithCalcComplexInsideMinMax { 67 .gridWithCalcComplexInsideMinMax {
68 grid-definition-columns: minmax(10%, calc(50% + 15px)); 68 grid-template-columns: minmax(10%, calc(50% + 15px));
69 grid-definition-rows: minmax(calc(20px + 10%), 50%); 69 grid-template-rows: minmax(calc(20px + 10%), 50%);
70 } 70 }
71 </style> 71 </style>
72 <script src="../../resources/js-test.js"></script> 72 <script src="../../resources/js-test.js"></script>
73 </head> 73 </head>
74 <body> 74 <body>
75 <div class="gridWithNone" id="gridWithNoneElement"></div> 75 <div class="gridWithNone" id="gridWithNoneElement"></div>
76 <div class="gridWithFixed" id="gridWithFixedElement"></div> 76 <div class="gridWithFixed" id="gridWithFixedElement"></div>
77 <div class="gridWithPercent" id="gridWithPercentElement"></div> 77 <div class="gridWithPercent" id="gridWithPercentElement"></div>
78 <div class="gridWithAuto" id="gridWithAutoElement"></div> 78 <div class="gridWithAuto" id="gridWithAutoElement"></div>
79 <div class="gridWithEM" id="gridWithEMElement"></div> 79 <div class="gridWithEM" id="gridWithEMElement"></div>
80 <div class="gridWithViewPortPercentage" id="gridWithViewPortPercentageElement">< /div> 80 <div class="gridWithViewPortPercentage" id="gridWithViewPortPercentageElement">< /div>
81 <div class="gridWithFitContent" id="gridWithFitContentElement"></div> 81 <div class="gridWithFitContent" id="gridWithFitContentElement"></div>
82 <div class="gridWithFitAvailable" id="gridWithFitAvailableElement"></div> 82 <div class="gridWithFitAvailable" id="gridWithFitAvailableElement"></div>
83 <div class="gridWithMinMax" id="gridWithMinMax"></div> 83 <div class="gridWithMinMax" id="gridWithMinMax"></div>
84 <div class="gridWithMinContent" id="gridWithMinContent"></div> 84 <div class="gridWithMinContent" id="gridWithMinContent"></div>
85 <div class="gridWithMaxContent" id="gridWithMaxContent"></div> 85 <div class="gridWithMaxContent" id="gridWithMaxContent"></div>
86 <div class="gridWithFraction" id="gridWithFraction"></div> 86 <div class="gridWithFraction" id="gridWithFraction"></div>
87 <div class="gridWithCalc" id="gridWithCalc"></div> 87 <div class="gridWithCalc" id="gridWithCalc"></div>
88 <div class="gridWithCalcComplex" id="gridWithCalcComplex"></div> 88 <div class="gridWithCalcComplex" id="gridWithCalcComplex"></div>
89 <div class="gridWithCalcInsideMinMax" id="gridWithCalcInsideMinMax"></div> 89 <div class="gridWithCalcInsideMinMax" id="gridWithCalcInsideMinMax"></div>
90 <div class="gridWithCalcComplexInsideMinMax" id="gridWithCalcComplexInsideMinMax "></div> 90 <div class="gridWithCalcComplexInsideMinMax" id="gridWithCalcComplexInsideMinMax "></div>
91 <script src="resources/grid-definitions-parsing-utils.js"></script> 91 <script src="resources/grid-definitions-parsing-utils.js"></script>
92 <script src="resources/non-grid-columns-rows-get-set.js"></script> 92 <script src="resources/non-grid-columns-rows-get-set.js"></script>
93 </body> 93 </body>
94 </html> 94 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt ('k') | LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698