// 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 'package:angular_components/css/material/shadow';
@import 'mixins';

:host {
  @include fab;

  material-icon {
    @include material-icon-size($fab-icon-size);
  }

  // TODO(google): Remove once glyph has been replaced with material-icon.
  glyph {
    @include glyph-size($fab-icon-size);
  }

  &[mini] {
    @include fab-mini;
  }

  &[raised] {
    @include shadow-elevation(6);
  }

  &.is-pressed[raised] {
    @include shadow-elevation(12);
  }
}


// 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 'package:angular_components/css/material/shadow';
// TODO(google): Remove once glyph has been replaced with material-icon.
@import 'package:angular_components/glyph/mixins';
@import 'package:angular_components/material_icon/mixins';
@import 'mixins';

:host {
  @include fab;

  &[mini] {
    @include fab-mini;
  }

  &[raised] {
    @include shadow-elevation(6);
  }

  &.is-pressed[raised] {
    @include shadow-elevation(12);
  }
}

material-icon {
  @include material-icon-size($fab-icon-size);
}

// TODO(google): Remove once glyph has been replaced with material-icon.
glyph {
  @include glyph-size($fab-icon-size);
}


Remove glyph, and material-icon selectors outside of host. Since this is using legacy style encapsulation it is actually applying any fabs on the page to have these values.
Remove glyph, and material-icon selectors outside of host. Since this is using legacy style encapsulation it is actually applying any fabs on the page to have these values.

While here also make the imports more sane for the file.

PiperOrigin-RevId: 202503918
