// // Copyright 2018 Google Inc. // // Permission is hereby granted, free of charge, to any person obtaining a copy // of this software and associated documentation files (the "Software"), to deal // in the Software without restriction, including without limitation the rights // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell // copies of the Software, and to permit persons to whom the Software is // furnished to do so, subject to the following conditions: // // The above copyright notice and this permission notice shall be included in // all copies or substantial portions of the Software. // // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN // THE SOFTWARE. // // Public mixins @mixin mdc-text-field-icon-color($color, $styleSecondIcon: false) { &:not(.mdc-text-field--disabled) { @include mdc-text-field-icon-color_($color, $styleSecondIcon); } } // Private mixins @mixin mdc-text-field-icon-horizontal-position_($position-property, $position, $padding, $input-padding) { .mdc-text-field__icon { @include mdc-rtl-reflexive-position($position-property, $position); } // Move the input's position, to allow room for the icon @if ($position-property == left) { .mdc-text-field__input { @include mdc-rtl-reflexive-property(padding, $padding, $input-padding); } } @else { .mdc-text-field__input { @include mdc-rtl-reflexive-property(padding, $input-padding, $padding); } } } @mixin mdc-text-field-icon-horizontal-position-two-icons_( $position-left, $padding-left, $position-right, $padding-right ) { .mdc-text-field__icon { @include mdc-rtl-reflexive(left, $position-left, right, auto); ~ .mdc-text-field__icon { @include mdc-rtl-reflexive(right, $position-right, left, auto); } } // Move the input's position, to allow room for the icons. .mdc-text-field__input { @include mdc-rtl-reflexive-property(padding, $padding-left, $padding-right); } } @mixin mdc-text-field-icon-color_($color, $styleSecondIcon: false) { .mdc-text-field__icon { @if ($styleSecondIcon) { // Select the second instance of this class regardless of element type. ~ .mdc-text-field__icon { @include mdc-theme-prop(color, $color); } } @else { @include mdc-theme-prop(color, $color); } } }