Adding all_material for consistency but NOT going to migrate users from _material.scss given large amount of churn and issues with transitive dependencies.

PiperOrigin-RevId: 225360180

Author: har79

angular_components/lib/css/_all_material.scss

@@ -0,0 +1,33 @@
+// 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.
+
+@charset 'UTF-8';
+// Make sure the charset is set appropriately
+
+
+// How to use me:
+//
+// This set of scss files should never output any css unless sass classes are
+// extended in the importing file. This allows you to import _material without
+// bloating the css files for your components. All variables and components
+// within the material stylesheet are prefixed with "mat-" in order to give a
+// clear distinction between them and the styles in components that are using
+// these material styles.
+//
+// Example:
+//
+// small-example.scss
+//     @import "package:angular_components/css/material/material";
+//
+//     .my-app {
+//       background-color: $mat-blue-700;
+//     }
+
+@import 'color_palette_material';
+@import 'color_material';
+@import 'core';
+@import 'elevation_material';
+@import 'scrollbar_material';
+@import 'transition_material';
+@import 'typography_material';

angular_components/lib/css/_core.scss

@@ -153,7 +153,7 @@ $mat-option-inline-icons: false !default;
 }
 
 // Similar to icon button, but to be used with a button containing an
-// acx `<glyph>` element.
+// `<glyph>` element.
 // DEPRECATED: use <material-button icon> instead.
 @mixin glyph-button($button-size: 6 * $mat-grid, $circle: false) {
 
@@ -206,97 +206,3 @@ $mat-option-inline-icons: false !default;
   box-sizing: $type;      // Chrome, IE 8+, Opera, Safari 5.1
 }
 
-@mixin flex-block() {
-  display: -ms-flexbox;  // IE 10
-  display: -webkit-flex; // Chrome
-  display: flex;         // Spec
-}
-
-@mixin flex-justify-start() {
-  -ms-flex-pack: start; // IE 10
-  -webkit-flex-align: start;
-  -webkit-justify-content: flex-start; // safari
-  justify-content: flex-start;
-}
-
-@mixin flex-justify-end() {
-  -ms-flex-pack: end; // IE 10
-  -webkit-flex-align: end;
-  -webkit-justify-content: flex-end; // safari
-  justify-content: flex-end;
-}
-
-@mixin flex-justify-center() {
-  -ms-flex-pack: center; // IE 10
-  -webkit-flex-align: center;
-  -webkit-justify-content: center; // safari
-  justify-content: center;
-}
-
-@mixin flex-justify-space-between() {
-  -ms-flex-pack: justify; // IE 10
-  -webkit-flex-align: justify;
-  -webkit-justify-content: space-between; // safari
-  justify-content: space-between;
-}
-
-// DOES NOT WORK IN IE 10, it is the same as 'space-between'
-@mixin flex-justify-space-around() {
-  -ms-flex-pack: justify; // IE 10
-  -webkit-flex-align: justify;
-  justify-content: space-around;
-}
-
-@mixin flex-align-start() {
-  -ms-flex-align: start; // IE 10
-  -webkit-flex-align: start;
-  align-items: flex-start;
-}
-
-@mixin flex-align-end() {
-  -ms-flex-align: end; // IE 10
-  -webkit-flex-align: end;
-  align-items: flex-end;
-}
-
-@mixin flex-align-center() {
-  -ms-flex-align: center; // IE 10
-  -webkit-flex-align: center;
-  align-items: center;
-}
-
-@mixin flex-align-stretch() {
-  -ms-flex-align: stretch; // IE 10
-  -webkit-flex-align: stretch;
-  align-items: stretch;
-}
-
-@mixin flex-align-baseline() {
-  -ms-flex-align: baseline; // IE 10
-  -webkit-flex-align: baseline;
-  align-items: baseline;
-}
-
-@mixin flex-direction($direction) {
-  -ms-flex-direction: $direction; // IE 10
-  -webkit-flex-direction: $direction;
-  flex-direction: $direction;
-}
-
-@mixin flex-grow($amount) {
-  -ms-flex-positive: $amount;  // IE 10
-  -webkit-flex-grow: $amount;
-  flex-grow: $amount;
-}
-
-@mixin flex-shrink($amount) {
-  -ms-flex-negative: $amount;  // IE 10
-  -webkit-flex-shrink: $amount;
-  flex-shrink: $amount;
-}
-
-@mixin flex($values...) {
-  -ms-flex: $values;  // IE 10
-  -webkit-flex: $values;
-  flex: $values;
-}

angular_components/lib/css/_typography_material.scss

@@ -3,7 +3,7 @@
 // BSD-style license that can be found in the LICENSE file.
 
 // Typography constants
-// https://material.googleplex.com/style/typography.html
+// https://material.io/design/typography
 
 // Roboto font stack.
 $mat-font-family: Roboto, Noto, sans-serif;
@@ -68,7 +68,7 @@ $mat-font-leading-caption: 20px;
 //   * nowrap (for styles that should "exist as single lines")
 //
 // "/" in CSS font property has to be specified with #{} interpolation to
-// prevent the sass compiler from trying to perform division (go/sass-slash).
+// prevent the sass compiler from trying to perform division (goo.gl/H76dyp).
 
 @mixin mat-font-display-4 {
   @include nowrap;
@@ -171,7 +171,7 @@ $mat-font-leading-caption: 20px;
 }
 
 // Set link colors across encapsulation boundaries. This can be used at the
-// top level of an application to ensure that all links are ACX-styled, even
+// top level of an application to ensure that all links are styled, even
 // if generated dynamically.
 @mixin mat-link-deep {
   ::ng-deep a {

angular_components/lib/css/material/_material.scss

@@ -2,29 +2,4 @@
 // 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.
 
-@charset 'UTF-8';
-// Make sure the charset is set appropriately
-
-
-// How to use me:
-//
-// This set of scss files should never output any css unless sass classes are
-// extended in the importing file. This allows you to import _material without
-// bloating the css files for your components. All variables and components
-// within the material stylesheet are prefixed with "mat-" in order to give a
-// clear distinction between them and the styles in components that are using
-// these material styles.
-//
-// Example:
-//
-// small-example.scss
-//     @import "package:angular_components/css/material/material";
-//
-//     .my-app {
-//       background-color: $mat-blue-700;
-//     }
-
-// TODO: See if we can reference go/icon svgs instead of copying them to res/
-
-// Behold, the import of all things:
-@import 'const/global';
+@import 'package:angular_components/css/all_material';

angular_components/lib/css/material/const/_global.scss

@@ -2,18 +2,4 @@
 // 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.
 
-// #############################################################################
-//
-// WARNING: DO NOT IMPORT DIRECTLY OUTSIDE OF
-// THIRD_PARTY/DART_SRC/ACX/CSS/MATERIAL
-//
-// #############################################################################
-
-// Global material imports, settings, variables, mixins and functions.
-
-@import 'functions';
-@import 'color';
-@import 'palette';
-@import 'settings';
-@import 'mixins';
-@import 'typography';
+@import 'package:angular_components/css/all_material';