samples-dev/swarm/test/swarm_ui_lib/layout/css.dart

// File generated by Dart CSS from source file layout.scss
// Do not edit.

part of layout_tests;

class AdaptiveLayout {
  // selector, properties<propertyName, value>
  static const 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 const 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 const 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 const 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 const 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 const 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 const 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 const 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 const 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 const 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 const 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 const 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 const 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 const 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:
}