diff --git a/components-chromium/paper-progress/paper-progress.js b/components-chromium/paper-progress/paper-progress.js index fdb26f773b1e3..51b5a814601ac 100644 --- a/components-chromium/paper-progress/paper-progress.js +++ b/components-chromium/paper-progress/paper-progress.js @@ -9,7 +9,5 @@ part of the polymer project is also subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt */ import '../polymer/polymer-legacy.js'; -import '../iron-flex-layout/iron-flex-layout.js'; -import '../paper-styles/color.js'; import {IronRangeBehavior} from '../iron-range-behavior/iron-range-behavior.js'; @@ -74,7 +72,6 @@ The following mixins are available for styling: Custom property | Description | Default ----------------|-------------|--------- -`--paper-progress-container` | Mixin applied to container | `{}` `--paper-progress-transition-duration` | Duration of the transition | `0.08s` `--paper-progress-transition-timing-function` | The timing function for the transition | `ease` `--paper-progress-transition-delay` | delay for the transition | `0s` @@ -98,6 +95,10 @@ Polymer({ width: 200px; position: relative; overflow: hidden; + --google-green-100: #b7e1cd; + --google-green-500: #0f9d58; + --google-grey-300: #e0e0e0; + --google-grey-500: #9e9e9e; } :host([hidden]), [hidden] { @@ -105,7 +106,6 @@ Polymer({ } #progressContainer { - @apply --paper-progress-container; position: relative; } @@ -118,7 +118,11 @@ Polymer({ #primaryProgress, #secondaryProgress, .indeterminate::after { - @apply --layout-fit; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; } #progressContainer, @@ -146,7 +150,6 @@ Polymer({ #primaryProgress, #secondaryProgress { - @apply --layout-fit; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scaleX(0);