ecomp-portal-FE/client/bower_components/angular-material/modules/js/textField/textField.css

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v0.9.0-rc1-master-3c0ce9b
   6  */
   7 /* mixin definition ; sets LTR and RTL within the same style call */
   8 md-input-group label, .md-input-group label {
   9   display: block;
  10   font-size: 1.2rem; }
  11 md-input-group textarea, md-input-group input[type="text"], md-input-group input[type="password"], md-input-group input[type="datetime"], md-input-group input[type="datetime-local"], md-input-group input[type="date"], md-input-group input[type="month"], md-input-group input[type="time"], md-input-group input[type="week"], md-input-group input[type="number"], md-input-group input[type="email"], md-input-group input[type="url"], md-input-group input[type="search"], md-input-group input[type="tel"], md-input-group input[type="color"], .md-input-group textarea, .md-input-group input[type="text"], .md-input-group input[type="password"], .md-input-group input[type="datetime"], .md-input-group input[type="datetime-local"], .md-input-group input[type="date"], .md-input-group input[type="month"], .md-input-group input[type="time"], .md-input-group input[type="week"], .md-input-group input[type="number"], .md-input-group input[type="email"], .md-input-group input[type="url"], .md-input-group input[type="search"], .md-input-group input[type="tel"], .md-input-group input[type="color"] {
  12   display: block;
  13   border-width: 0 0 1px 0;
  14   padding-top: 2px;
  15   line-height: 26px;
  16   padding-bottom: 1px; }
  17   md-input-group textarea:focus, md-input-group input[type="text"]:focus, md-input-group input[type="password"]:focus, md-input-group input[type="datetime"]:focus, md-input-group input[type="datetime-local"]:focus, md-input-group input[type="date"]:focus, md-input-group input[type="month"]:focus, md-input-group input[type="time"]:focus, md-input-group input[type="week"]:focus, md-input-group input[type="number"]:focus, md-input-group input[type="email"]:focus, md-input-group input[type="url"]:focus, md-input-group input[type="search"]:focus, md-input-group input[type="tel"]:focus, md-input-group input[type="color"]:focus, .md-input-group textarea:focus, .md-input-group input[type="text"]:focus, .md-input-group input[type="password"]:focus, .md-input-group input[type="datetime"]:focus, .md-input-group input[type="datetime-local"]:focus, .md-input-group input[type="date"]:focus, .md-input-group input[type="month"]:focus, .md-input-group input[type="time"]:focus, .md-input-group input[type="week"]:focus, .md-input-group input[type="number"]:focus, .md-input-group input[type="email"]:focus, .md-input-group input[type="url"]:focus, .md-input-group input[type="search"]:focus, .md-input-group input[type="tel"]:focus, .md-input-group input[type="color"]:focus {
  18     outline: 0; }
  19 md-input-group input, md-input-group textarea, .md-input-group input, .md-input-group textarea {
  20   background: none; }
  21
  22 md-input-group, .md-input-group {
  23   padding-bottom: 2px;
  24   margin: 10px 0 8px 0;
  25   position: relative;
  26   display: block; }
  27   md-input-group label, .md-input-group label {
  28     font-size: 1.6rem;
  29     z-index: 1;
  30     pointer-events: none;
  31     -webkit-font-smoothing: antialiased; }
  32     md-input-group label:hover, .md-input-group label:hover {
  33       cursor: text; }
  34   md-input-group label, .md-input-group label {
  35     -webkit-transform: translate3d(0, 22px, 0);
  36             transform: translate3d(0, 22px, 0);
  37     transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
  38     transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
  39     -webkit-transform-origin: left center;
  40             transform-origin: left center; }
  41     html[dir=rtl] md-input-group label, html[dir=rtl] .md-input-group label {
  42       -webkit-transform-origin: left center;
  43               transform-origin: left center;
  44       -webkit-transform-origin: right center;
  45               transform-origin: right center; }
  46   md-input-group input, md-input-group textarea, .md-input-group input, .md-input-group textarea {
  47     border-bottom-width: 1px;
  48     transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); }
  49   md-input-group.md-input-focused label, .md-input-group.md-input-focused label {
  50     -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
  51             transform: translate3d(0, 4px, 0) scale(0.75);
  52     -webkit-transform-origin: left center;
  53             transform-origin: left center; }
  54     html[dir=rtl] md-input-group.md-input-focused label, html[dir=rtl] .md-input-group.md-input-focused label {
  55       -webkit-transform-origin: left center;
  56               transform-origin: left center;
  57       -webkit-transform-origin: right center;
  58               transform-origin: right center; }
  59   md-input-group.md-input-focused input, md-input-group.md-input-focused textarea, .md-input-group.md-input-focused input, .md-input-group.md-input-focused textarea {
  60     border-bottom-width: 2px; }
  61   md-input-group.md-input-focused input, .md-input-group.md-input-focused input {
  62     padding-bottom: 0; }
  63   md-input-group.md-input-has-value label, .md-input-group.md-input-has-value label {
  64     -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
  65             transform: translate3d(0, 4px, 0) scale(0.75);
  66     -webkit-transform-origin: left center;
  67             transform-origin: left center; }
  68     html[dir=rtl] md-input-group.md-input-has-value label, html[dir=rtl] .md-input-group.md-input-has-value label {
  69       -webkit-transform-origin: left center;
  70               transform-origin: left center;
  71       -webkit-transform-origin: right center;
  72               transform-origin: right center; }
  73   md-input-group.md-input-has-value:not(.md-input-focused) label, .md-input-group.md-input-has-value:not(.md-input-focused) label {
  74     -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
  75             transform: translate3d(0, 4px, 0) scale(0.75);
  76     -webkit-transform-origin: left center;
  77             transform-origin: left center; }
  78     html[dir=rtl] md-input-group.md-input-has-value:not(.md-input-focused) label, html[dir=rtl] .md-input-group.md-input-has-value:not(.md-input-focused) label {
  79       -webkit-transform-origin: left center;
  80               transform-origin: left center;
  81       -webkit-transform-origin: right center;
  82               transform-origin: right center; }
  83   md-input-group[disabled] input, md-input-group[disabled] textarea, .md-input-group[disabled] input, .md-input-group[disabled] textarea {
  84     border-bottom-width: 0px; }
  85   md-input-group[disabled] input, md-input-group[disabled] textarea, .md-input-group[disabled] input, .md-input-group[disabled] textarea {
  86     background-size: 3px 1px;
  87     background-position: 0 bottom;
  88     background-size: 2px 1px;
  89     background-repeat: repeat-x;
  90     pointer-events: none; }
  91   md-input-group[disabled] label, .md-input-group[disabled] label {
  92     -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
  93             transform: translate3d(0, 4px, 0) scale(0.75);
  94     -webkit-transform-origin: left center;
  95             transform-origin: left center; }
  96     html[dir=rtl] md-input-group[disabled] label, html[dir=rtl] .md-input-group[disabled] label {
  97       -webkit-transform-origin: left center;
  98               transform-origin: left center;
  99       -webkit-transform-origin: right center;
 100               transform-origin: right center; }
 101   md-input-group[disabled] *:not(.md-input-has-value) label, .md-input-group[disabled] *:not(.md-input-has-value) label {
 102     -webkit-transform: translate3d(0, 22px, 0);
 103             transform: translate3d(0, 22px, 0);
 104     transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
 105     -webkit-transform-origin: left center;
 106             transform-origin: left center; }
 107     html[dir=rtl] md-input-group[disabled] *:not(.md-input-has-value) label, html[dir=rtl] .md-input-group[disabled] *:not(.md-input-has-value) label {
 108       -webkit-transform-origin: left center;
 109               transform-origin: left center;
 110       -webkit-transform-origin: right center;
 111               transform-origin: right center; }