| Index: samples/tests/samples/src/lib/layout/CSS.dart
|
| ===================================================================
|
| --- samples/tests/samples/src/lib/layout/CSS.dart (revision 0)
|
| +++ samples/tests/samples/src/lib/layout/CSS.dart (revision 0)
|
| @@ -0,0 +1,348 @@
|
| +// 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',
|
| + },
|
| + '#title' : const {
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '1',
|
| + },
|
| + '#score' : const {
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '3',
|
| + },
|
| + '#stats' : const {
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '2',
|
| + 'grid-row-align' : 'start',
|
| + },
|
| + '#board' : const {
|
| + 'grid-column' : '2',
|
| + 'grid-row' : '1',
|
| + 'grid-row-span' : '2',
|
| + },
|
| + '#controls' : const {
|
| + 'grid-column' : '2',
|
| + 'grid-row' : '3',
|
| + 'grid-column-align' : 'center',
|
| + },
|
| + };
|
| +}
|
| +
|
| +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',
|
| + },
|
| + '#title' : const {
|
| + 'grid-cell' : '"t"',
|
| + },
|
| + '#score' : const {
|
| + 'grid-cell' : '"s"',
|
| + },
|
| + '#stats' : const {
|
| + 'grid-cell' : '"a"',
|
| + },
|
| + '#board' : const {
|
| + 'grid-cell' : '"b"',
|
| + },
|
| + '#controls' : const {
|
| + 'grid-cell' : '"c"',
|
| + },
|
| + };
|
| +}
|
| +
|
| +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',
|
| + },
|
| + '#title' : const {
|
| + 'grid-cell' : '"t"',
|
| + },
|
| + '#score' : const {
|
| + 'grid-cell' : '"s"',
|
| + },
|
| + '#stats' : const {
|
| + 'grid-cell' : '"a"',
|
| + },
|
| + '#board' : const {
|
| + 'grid-cell' : '"b"',
|
| + },
|
| + '#controls' : const {
|
| + 'grid-cell' : '"c"',
|
| + },
|
| + };
|
| +}
|
| +
|
| +class GridLayering {
|
| + // selector, properties<propertyName, value>
|
| + static final selectors = const {
|
| + '#grid' : const {
|
| + '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"',
|
| + },
|
| + '#track' : const {
|
| + 'grid-column' : '"track-start" "track-end"',
|
| + 'grid-row-align' : 'center',
|
| + },
|
| + '#upper-label' : const {
|
| + 'grid-column' : '"track-end"',
|
| + },
|
| + '#lower-fill' : const {
|
| + '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',
|
| + },
|
| + '#thumb' : const {
|
| + 'grid-column' : '"thumb-start" "thumb-end"',
|
| + 'grid-layer' : '10',
|
| + },
|
| + };
|
| +}
|
| +
|
| +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',
|
| + },
|
| + '#item1' : const {
|
| + 'grid-column' : '2',
|
| + 'grid-row' : '1 4',
|
| + },
|
| + };
|
| +}
|
| +
|
| +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"',
|
| + },
|
| + '#item1' : const {
|
| + 'grid-column' : '"item1-start" "item1-end"',
|
| + 'grid-row' : '"item1-start" "item1-end"',
|
| + },
|
| + };
|
| +}
|
| +
|
| +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',
|
| + },
|
| + '#item2' : const {
|
| + 'grid-cell' : '"b"',
|
| + 'grid-row-align' : 'start',
|
| + },
|
| + '#item3' : const {
|
| + 'grid-cell' : '"b"',
|
| + 'grid-column-align' : 'end',
|
| + 'grid-row-align' : 'end',
|
| + },
|
| + };
|
| +}
|
| +
|
| +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"',
|
| + },
|
| + '#item' : const {
|
| + 'grid-column' : '1 3',
|
| + 'grid-row' : '"first" "last"',
|
| + },
|
| + };
|
| +}
|
| +
|
| +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"',
|
| + },
|
| + '#item' : const {
|
| + 'grid-column' : 'start end',
|
| + 'grid-row' : 'start end',
|
| + },
|
| + };
|
| +}
|
| +
|
| +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',
|
| + },
|
| + '#col2' : const {
|
| + 'grid-column' : '2',
|
| + },
|
| + '#col4' : const {
|
| + 'grid-column' : '4',
|
| + },
|
| + '#col6' : const {
|
| + 'grid-column' : '6',
|
| + },
|
| + '#col8' : const {
|
| + 'grid-column' : '8',
|
| + },
|
| + };
|
| +}
|
| +
|
| +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',
|
| + },
|
| + '#header' : const {
|
| + 'grid-row' : '"header"',
|
| + 'grid-column' : 'start',
|
| + },
|
| + '#main' : const {
|
| + 'grid-row' : '"main"',
|
| + 'grid-column' : 'start',
|
| + },
|
| + '#footer' : const {
|
| + 'grid-row' : '"footer"',
|
| + 'grid-column' : 'start',
|
| + },
|
| + };
|
| +}
|
| +
|
| +class ImplicitColumnsRows {
|
| + // selector, properties<propertyName, value>
|
| + static final selectors = const {
|
| + '#grid' : const {
|
| + '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',
|
| + },
|
| + '#B' : const {
|
| + 'grid-column' : '5',
|
| + 'grid-row' : '1',
|
| + 'grid-row-span' : '2',
|
| + },
|
| + '#C' : const {
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '2',
|
| + 'grid-column-span' : '2',
|
| + },
|
| + };
|
| +}
|
| +
|
| +class AlignGridItems {
|
| + // selector, properties<propertyName, value>
|
| + static final selectors = const {
|
| + '#grid' : const {
|
| + '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',
|
| + },
|
| + '#B' : const {
|
| + 'grid-column' : '2',
|
| + 'grid-row' : '2',
|
| + 'grid-column-align' : 'end',
|
| + 'grid-row-align' : 'end',
|
| + },
|
| + };
|
| +}
|
| +
|
| +class DrawOrderGridItems {
|
| + // selector, properties<propertyName, value>
|
| + static final selectors = const {
|
| + '#grid' : const {
|
| + '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',
|
| + },
|
| + '#B' : const {
|
| + 'grid-column' : '1',
|
| + 'grid-row' : '1',
|
| + 'grid-layer' : '10',
|
| + },
|
| + '#C' : const {
|
| + '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',
|
| + },
|
| + '#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',
|
| + },
|
| + };
|
| +}
|
| +
|
| +class CSS {
|
| + // CSS class selectors:
|
| +}
|
|
|