sdk/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:
}