| Index: client/tests/client/layout/CSS.dart
|
| diff --git a/client/tests/client/layout/CSS.dart b/client/tests/client/layout/CSS.dart
|
| index 3ac1e22af2f952b30abce4dc764a11029f335fe3..052f1710fd07e52bb2583146dd02b2bce9f9cbef 100644
|
| --- a/client/tests/client/layout/CSS.dart
|
| +++ b/client/tests/client/layout/CSS.dart
|
| @@ -1,37 +1,37 @@
|
| -// File generated by SCSS from source file layout.scss
|
| +// File generated by Dart CSS from source file layout.scss
|
| // Do not edit.
|
|
|
| class AdaptiveLayout {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-columns' : "auto minmax(min-content,1fr)",
|
| - 'grid-rows' : "auto minmax(min-content,1fr) auto"
|
| + 'display' : '-dart-grid',
|
| + 'grid-columns' : 'auto minmax(min-content, 1fr)',
|
| + 'grid-rows' : 'auto minmax(min-content, 1fr) auto',
|
| },
|
| '#title' : const {
|
| - 'grid-column' : "1",
|
| - 'grid-row' : "1"
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '1',
|
| },
|
| '#score' : const {
|
| - 'grid-column' : "1",
|
| - 'grid-row' : "3"
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '3',
|
| },
|
| '#stats' : const {
|
| - 'grid-column' : "1",
|
| - 'grid-row' : "2",
|
| - 'grid-row-align' : "start"
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '2',
|
| + 'grid-row-align' : 'start',
|
| },
|
| '#board' : const {
|
| - 'grid-column' : "2",
|
| - 'grid-row' : "1",
|
| - 'grid-row-span' : "2"
|
| + 'grid-column' : '2',
|
| + 'grid-row' : '1',
|
| + 'grid-row-span' : '2',
|
| },
|
| '#controls' : const {
|
| - 'grid-column' : "2",
|
| - 'grid-row' : "3",
|
| - 'grid-column-align' : "center"
|
| - }
|
| + 'grid-column' : '2',
|
| + 'grid-row' : '3',
|
| + 'grid-column-align' : 'center',
|
| + },
|
| };
|
| }
|
|
|
| @@ -39,26 +39,26 @@ class SourceIndependencePortrait {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-template' : "'ta' 'sa' 'bb' 'cc'",
|
| - 'grid-columns' : "auto minmax(min-content,1fr)",
|
| - 'grid-rows' : "auto auto minmax(min-content,1fr) auto"
|
| + 'display' : '-dart-grid',
|
| + 'grid-template' : '"ta" "sa" "bb" "cc"',
|
| + 'grid-columns' : 'auto minmax(min-content, 1fr)',
|
| + 'grid-rows' : 'auto auto minmax(min-content, 1fr) auto',
|
| },
|
| '#title' : const {
|
| - 'grid-cell' : "'t'"
|
| + 'grid-cell' : '"t"',
|
| },
|
| '#score' : const {
|
| - 'grid-cell' : "'s'"
|
| + 'grid-cell' : '"s"',
|
| },
|
| '#stats' : const {
|
| - 'grid-cell' : "'a'"
|
| + 'grid-cell' : '"a"',
|
| },
|
| '#board' : const {
|
| - 'grid-cell' : "'b'"
|
| + 'grid-cell' : '"b"',
|
| },
|
| '#controls' : const {
|
| - 'grid-cell' : "'c'"
|
| - }
|
| + 'grid-cell' : '"c"',
|
| + },
|
| };
|
| }
|
|
|
| @@ -66,26 +66,26 @@ class SourceIndependenceLandscape {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-template' : "'tb' 'ab' 'sc'",
|
| - 'grid-columns' : "auto minmax(min-content,1fr)",
|
| - 'grid-rows' : "auto minmax(min-content,1fr) auto"
|
| + 'display' : '-dart-grid',
|
| + 'grid-template' : '"tb" "ab" "sc"',
|
| + 'grid-columns' : 'auto minmax(min-content, 1fr)',
|
| + 'grid-rows' : 'auto minmax(min-content, 1fr) auto',
|
| },
|
| '#title' : const {
|
| - 'grid-cell' : "'t'"
|
| + 'grid-cell' : '"t"',
|
| },
|
| '#score' : const {
|
| - 'grid-cell' : "'s'"
|
| + 'grid-cell' : '"s"',
|
| },
|
| '#stats' : const {
|
| - 'grid-cell' : "'a'"
|
| + 'grid-cell' : '"a"',
|
| },
|
| '#board' : const {
|
| - 'grid-cell' : "'b'"
|
| + 'grid-cell' : '"b"',
|
| },
|
| '#controls' : const {
|
| - 'grid-cell' : "'c'"
|
| - }
|
| + 'grid-cell' : '"c"',
|
| + },
|
| };
|
| }
|
|
|
| @@ -93,33 +93,33 @@ class GridLayering {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-columns' : "'start' auto 'track-start' .5fr 'thumb-start' auto 'fill-split' auto 'thumb-end' .5fr 'track-end' auto 'end'"
|
| + 'display' : '-dart-grid',
|
| + 'grid-columns' : '"start" auto "track-start" 0.5fr "thumb-start" auto "fill-split" auto "thumb-end" 0.5fr "track-end" auto "end"',
|
| },
|
| '#lower-label' : const {
|
| - 'grid-column' : "'start'"
|
| + 'grid-column' : '"start"',
|
| },
|
| '#track' : const {
|
| - 'grid-column' : "'track-start' 'track-end'",
|
| - 'grid-row-align' : "center"
|
| + 'grid-column' : '"track-start" "track-end"',
|
| + 'grid-row-align' : 'center',
|
| },
|
| '#upper-label' : const {
|
| - 'grid-column' : "'track-end'"
|
| + 'grid-column' : '"track-end"',
|
| },
|
| '#lower-fill' : const {
|
| - 'grid-column' : "'track-start' 'fill-split'",
|
| - 'grid-row-align' : "center",
|
| - 'grid-layer' : "5"
|
| + 'grid-column' : '"track-start" "fill-split"',
|
| + 'grid-row-align' : 'center',
|
| + 'grid-layer' : '5',
|
| },
|
| '#upper-fill' : const {
|
| - 'grid-column' : "'fill-split' 'track-end'",
|
| - 'grid-row-align' : "center",
|
| - 'grid-layer' : "5"
|
| + 'grid-column' : '"fill-split" "track-end"',
|
| + 'grid-row-align' : 'center',
|
| + 'grid-layer' : '5',
|
| },
|
| '#thumb' : const {
|
| - 'grid-column' : "'thumb-start' 'thumb-end'",
|
| - 'grid-layer' : "10"
|
| - }
|
| + 'grid-column' : '"thumb-start" "thumb-end"',
|
| + 'grid-layer' : '10',
|
| + },
|
| };
|
| }
|
|
|
| @@ -127,14 +127,14 @@ class GridLines_5 {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-columns' : "150px 1fr",
|
| - 'grid-rows' : "50px 1fr 50px"
|
| + 'display' : '-dart-grid',
|
| + 'grid-columns' : '150px 1fr',
|
| + 'grid-rows' : '50px 1fr 50px',
|
| },
|
| '#item1' : const {
|
| - 'grid-column' : "2",
|
| - 'grid-row' : "1 4"
|
| - }
|
| + 'grid-column' : '2',
|
| + 'grid-row' : '1 4',
|
| + },
|
| };
|
| }
|
|
|
| @@ -142,14 +142,14 @@ class GridLines_6 {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-columns' : "150px 'item1-start' 1fr 'item1-end'",
|
| - 'grid-rows' : "'item1-start' 50px 1fr 50px 'item1-end'"
|
| + 'display' : '-dart-grid',
|
| + 'grid-columns' : '150px "item1-start" 1fr "item1-end"',
|
| + 'grid-rows' : '"item1-start" 50px 1fr 50px "item1-end"',
|
| },
|
| '#item1' : const {
|
| - 'grid-column' : "'item1-start' 'item1-end'",
|
| - 'grid-row' : "'item1-start' 'item1-end'"
|
| - }
|
| + 'grid-column' : '"item1-start" "item1-end"',
|
| + 'grid-row' : '"item1-start" "item1-end"',
|
| + },
|
| };
|
| }
|
|
|
| @@ -157,20 +157,20 @@ class GridCells {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-template' : "'ad' 'bd' 'cd'",
|
| - 'grid-columns' : "150px 1fr",
|
| - 'grid-rows' : "50px 1fr 50px"
|
| + 'display' : '-dart-grid',
|
| + 'grid-template' : '"ad" "bd" "cd"',
|
| + 'grid-columns' : '150px 1fr',
|
| + 'grid-rows' : '50px 1fr 50px',
|
| },
|
| '#item2' : const {
|
| - 'grid-cell' : "'b'",
|
| - 'grid-row-align' : "start"
|
| + 'grid-cell' : '"b"',
|
| + 'grid-row-align' : 'start',
|
| },
|
| '#item3' : const {
|
| - 'grid-cell' : "'b'",
|
| - 'grid-column-align' : "end",
|
| - 'grid-row-align' : "end"
|
| - }
|
| + 'grid-cell' : '"b"',
|
| + 'grid-column-align' : 'end',
|
| + 'grid-row-align' : 'end',
|
| + },
|
| };
|
| }
|
|
|
| @@ -178,14 +178,14 @@ class StartEndingGridlines11a {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-columns' : "50px 1fr",
|
| - 'grid-rows' : "'first' 250px 1fr 250px 'last'"
|
| + 'display' : '-dart-grid',
|
| + 'grid-columns' : '50px 1fr',
|
| + 'grid-rows' : '"first" 250px 1fr 250px "last"',
|
| },
|
| '#item' : const {
|
| - 'grid-column' : "1 3",
|
| - 'grid-row' : "'first' 'last'"
|
| - }
|
| + 'grid-column' : '1 3',
|
| + 'grid-row' : '"first" "last"',
|
| + },
|
| };
|
| }
|
|
|
| @@ -193,14 +193,14 @@ class StartEndingGridlines11b {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-columns' : "50px 1fr",
|
| - 'grid-rows' : "'first' 250px 1fr 250px 'last'"
|
| + 'display' : '-dart-grid',
|
| + 'grid-columns' : '50px 1fr',
|
| + 'grid-rows' : '"first" 250px 1fr 250px "last"',
|
| },
|
| '#item' : const {
|
| - 'grid-column' : "start end",
|
| - 'grid-row' : "start end"
|
| - }
|
| + 'grid-column' : 'start end',
|
| + 'grid-row' : 'start end',
|
| + },
|
| };
|
| }
|
|
|
| @@ -208,22 +208,22 @@ class RepeatingColumnsRows {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-columns' : "10px ( 'content' 1fr 10px ) [4]",
|
| - 'grid-rows' : "1fr"
|
| + 'display' : '-dart-grid',
|
| + 'grid-columns' : '10px ("content" 1fr 10px) [4]',
|
| + 'grid-rows' : '1fr',
|
| },
|
| '#col2' : const {
|
| - 'grid-column' : "2"
|
| + 'grid-column' : '2',
|
| },
|
| '#col4' : const {
|
| - 'grid-column' : "4"
|
| + 'grid-column' : '4',
|
| },
|
| '#col6' : const {
|
| - 'grid-column' : "6"
|
| + 'grid-column' : '6',
|
| },
|
| '#col8' : const {
|
| - 'grid-column' : "8"
|
| - }
|
| + 'grid-column' : '8',
|
| + },
|
| };
|
| }
|
|
|
| @@ -231,22 +231,22 @@ class AnonymousGridCells {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-rows' : "'header' auto 'main' 1fr 'footer' auto",
|
| - 'grid-columns' : "1fr"
|
| + 'display' : '-dart-grid',
|
| + 'grid-rows' : '"header" auto "main" 1fr "footer" auto',
|
| + 'grid-columns' : '1fr',
|
| },
|
| '#header' : const {
|
| - 'grid-row' : "'header'",
|
| - 'grid-column' : "start"
|
| + 'grid-row' : '"header"',
|
| + 'grid-column' : 'start',
|
| },
|
| '#main' : const {
|
| - 'grid-row' : "'main'",
|
| - 'grid-column' : "start"
|
| + 'grid-row' : '"main"',
|
| + 'grid-column' : 'start',
|
| },
|
| '#footer' : const {
|
| - 'grid-row' : "'footer'",
|
| - 'grid-column' : "start"
|
| - }
|
| + 'grid-row' : '"footer"',
|
| + 'grid-column' : 'start',
|
| + },
|
| };
|
| }
|
|
|
| @@ -254,26 +254,26 @@ class ImplicitColumnsRows {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-columns' : "20px",
|
| - 'grid-rows' : "20px"
|
| + 'display' : '-dart-grid',
|
| + 'grid-columns' : '20px',
|
| + 'grid-rows' : '20px',
|
| },
|
| '#A' : const {
|
| - 'grid-column' : "1",
|
| - 'grid-row' : "1",
|
| - 'grid-column-align' : "start",
|
| - 'grid-row-align' : "start"
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '1',
|
| + 'grid-column-align' : 'start',
|
| + 'grid-row-align' : 'start',
|
| },
|
| '#B' : const {
|
| - 'grid-column' : "5",
|
| - 'grid-row' : "1",
|
| - 'grid-row-span' : "2"
|
| + 'grid-column' : '5',
|
| + 'grid-row' : '1',
|
| + 'grid-row-span' : '2',
|
| },
|
| '#C' : const {
|
| - 'grid-column' : "1",
|
| - 'grid-row' : "2",
|
| - 'grid-column-span' : "2"
|
| - }
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '2',
|
| + 'grid-column-span' : '2',
|
| + },
|
| };
|
| }
|
|
|
| @@ -281,22 +281,22 @@ class AlignGridItems {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-columns' : "1fr 1fr",
|
| - 'grid-rows' : "1fr 1fr"
|
| + 'display' : '-dart-grid',
|
| + 'grid-columns' : '1fr 1fr',
|
| + 'grid-rows' : '1fr 1fr',
|
| },
|
| '#A' : const {
|
| - 'grid-column' : "1",
|
| - 'grid-row' : "1",
|
| - 'grid-column-align' : "start",
|
| - 'grid-row-align' : "start"
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '1',
|
| + 'grid-column-align' : 'start',
|
| + 'grid-row-align' : 'start',
|
| },
|
| '#B' : const {
|
| - 'grid-column' : "2",
|
| - 'grid-row' : "2",
|
| - 'grid-column-align' : "end",
|
| - 'grid-row-align' : "end"
|
| - }
|
| + 'grid-column' : '2',
|
| + 'grid-row' : '2',
|
| + 'grid-column-align' : 'end',
|
| + 'grid-row-align' : 'end',
|
| + },
|
| };
|
| }
|
|
|
| @@ -304,47 +304,45 @@ class DrawOrderGridItems {
|
| // selector, properties<propertyName, value>
|
| static final selectors = const {
|
| '#grid' : const {
|
| - 'display' : "-dart-grid",
|
| - 'grid-columns' : "1fr 1fr",
|
| - 'grid-rows' : "1fr 1fr"
|
| + 'display' : '-dart-grid',
|
| + 'grid-columns' : '1fr 1fr',
|
| + 'grid-rows' : '1fr 1fr',
|
| },
|
| '#A' : const {
|
| - 'grid-column' : "1",
|
| - 'grid-row' : "2",
|
| - 'grid-column-span' : "2",
|
| - 'grid-row-align' : "end"
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '2',
|
| + 'grid-column-span' : '2',
|
| + 'grid-row-align' : 'end',
|
| },
|
| '#B' : const {
|
| - 'grid-column' : "1",
|
| - 'grid-row' : "1",
|
| - 'grid-layer' : "10"
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '1',
|
| + 'grid-layer' : '10',
|
| },
|
| '#C' : const {
|
| - 'grid-column' : "2",
|
| - 'grid-row' : "1",
|
| - 'grid-row-align' : "start",
|
| - 'margin-left' : "-20px"
|
| + 'grid-column' : '2',
|
| + 'grid-row' : '1',
|
| + 'grid-row-align' : 'start',
|
| + 'margin-left' : '-20px',
|
| },
|
| '#D' : const {
|
| - 'grid-column' : "2",
|
| - 'grid-row' : "2",
|
| - 'grid-column-align' : "end",
|
| - 'grid-row-align' : "start"
|
| + 'grid-column' : '2',
|
| + 'grid-row' : '2',
|
| + 'grid-column-align' : 'end',
|
| + 'grid-row-align' : 'start',
|
| },
|
| '#E' : const {
|
| - 'grid-column' : "1",
|
| - 'grid-row' : "1",
|
| - 'grid-column-span' : "2",
|
| - 'grid-row-span' : "2",
|
| - 'grid-layer' : "5",
|
| - 'grid-column-align' : "center",
|
| - 'grid-row-align' : "center"
|
| - }
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '1',
|
| + 'grid-column-span' : '2',
|
| + 'grid-row-span' : '2',
|
| + 'grid-layer' : '5',
|
| + 'grid-column-align' : 'center',
|
| + 'grid-row-align' : 'center',
|
| + },
|
| };
|
| }
|
|
|
| class CSS {
|
| // CSS class selectors:
|
| -
|
| - // CSS state class selectors:
|
| }
|
|
|