styles property

@css List<StyleRule> get styles

Implementation

@css
static List<StyleRule> get styles => [
  css('.tab-bar', [
    css('&').styles(
      display: Display.flex,
      alignItems: AlignItems.center,
      gap: Gap(column: 1.25.rem),
      border: Border.only(
        bottom: BorderSide(width: 1.px, color: ContentColors.hr),
      ),
    ),
    css('button').styles(
      padding: Padding.symmetric(vertical: 0.75.rem),
      fontWeight: FontWeight.w700,
      border: Border.only(
        bottom: BorderSide(width: 2.px, color: Colors.transparent),
      ),
    ),
    css('button:hover').styles(raw: {'border-bottom-color': ContentColors.hr.value}),
    css(
      'button[active]',
    ).styles(color: ContentColors.primary, raw: {'border-bottom-color': ContentColors.primary.value}),
  ]),
];