Sha256: e21ea31149d44af89c58a4374c0588fa8a2b7cab29f5f02f1d68e352e13f187c

Contents?: true

Size: 1.25 KB

Versions: 2

Compression:

Stored size: 1.25 KB

Contents

//
// Copyright 2017 Google Inc. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//

@mixin mdc-text-field-invalid-label-shake-keyframes_($modifier, $positionY) {
  @keyframes invalid-shake-float-above-#{$modifier} {
    0% {
      transform: translateX(0) translateY(-#{$positionY}) scale(.75, .75);
    }

    33% {
      animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
      transform: translateX(10px) translateY(-#{$positionY}) scale(.75, .75);
    }

    66% {
      animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
      transform: translateX(-5px) translateY(-#{$positionY}) scale(.75, .75);
    }

    100% {
      transform: translateX(0) translateY(-#{$positionY}) scale(.75, .75);
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
material_components_web-sass-0.23.0 vendor/assets/stylesheets/@material/textfield/_mixins.scss
material_components_web-sass-0.22.0 vendor/assets/stylesheets/@material/textfield/_mixins.scss