// Copyright (c) 2016, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

@import 'mixins';
@import 'package:angular_components/css/material/material';
@import 'package:angular_components/material_list/mixins';

:host {
  @include list-item-base();
  @include select-item-base();

  display: flex;
  align-items: center;
  transition: background;
  color: $mat-transparent-black;
  cursor: pointer;

  &.disabled {
    color: $mat-lighter-transparent-black;
    cursor: default;
  }

  &.hidden {
    display: none;
  }
}

.check-container {
  display: inline-block;
  width: $mat-grid * 5;
}

.dynamic-item {
  flex-grow: 1;
}

:host-context([dir="rtl"]) {
  @include list-item-base-rtl;
}


// Copyright (c) 2016, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

@import 'mixins';
@import 'package:angular_components/css/material/material';
@import 'package:angular_components/material_list/mixins';

:host {
  @include list-item-base();
  @include select-item-base();

  display: flex;
  align-items: center;
  transition: background;
  color: $mat-transparent-black;
  cursor: pointer;

  &.disabled {
    color: $mat-lighter-transparent-black;
    cursor: default;
  }

  &.hidden {
    display: none;
  }
}

.check-container {
  display: inline-block;
  width: $mat-grid * 5;
}

.dynamic-item {
  flex-grow: 1;
  width: 100%;
}

:host-context([dir="rtl"]) {
  @include list-item-base-rtl;
}


Set max-width to 100% on dynamic-item in material-dropdown-select-item
Set max-width to 100% on dynamic-item in material-dropdown-select-item

PiperOrigin-RevId: 222190963
