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: |
+} |