// 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.

/// Changes the size of an icon.
///
/// Only use this mixin if your UI calls for an icon size which is not one of
/// the presets: 12px, 13px, 16px, 18px, 20px, or 24px.
///
/// The font-icon CSS has a default font size of 24px, therefore, one must be
/// more specific to override the default.
/// Note: The should be scoped to a shimmed selector outside.
@mixin material-icon-size($size) {
  ::ng-deep .material-icon-i.material-icon-i {
    font-size: $size;
  }
}

/// Changes to flip the icon horizontally.
///
/// RTL is handled by the class on body, we don't handle rtl in this mixin.
@mixin material-icon-flip() {
  ::ng-deep .material-icon-i {
    transform: scaleX(-1);
  }
}

/// Changes the padding of the icon
// TODO(google): Consider removing this mixin. Moved from client code.
@mixin material-icon-padding($padding) {
  ::ng-deep .material-icon-i {
    padding: $padding;
  }
}

// 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.

/// Changes the size of an icon.
///
/// Only use this mixin if your UI calls for an icon size which is not one of
/// the presets: 12px, 13px, 16px, 18px, 20px, or 24px.
///
/// The font-icon CSS has a default font size of 24px, therefore, one must be
/// more specific to override the default.
/// Note: The should be scoped to a shimmed selector outside.
@mixin material-icon-size($size) {
  ::ng-deep .material-icon-i.material-icon-i {
    font-size: $size;
  }
}

/// Changes to flip the icon horizontally.
///
/// RTL is handled by the class on body, we don't handle rtl in this mixin.
@mixin material-icon-flip() {
  ::ng-deep .material-icon-i {
    transform: scaleX(-1);
  }
}

/// Changes the padding of the icon
// TODO(google): Consider removing this mixin. Moved from client code.
@mixin material-icon-padding($padding) {
  ::ng-deep .material-icon-i {
    padding: $padding;
  }
}

@mixin material-icon-weight($weight) {
  ::ng-deep .material-icon-i {
    font-weight: $weight;
  }
}

Add font-weight mixin to material icon
Add font-weight mixin to material icon

PiperOrigin-RevId: 205129193
