diff options
Diffstat (limited to 'ecomp-portal-FE/client/bower_components/angular-material/modules/closure/textField/textField.css')
-rw-r--r-- | ecomp-portal-FE/client/bower_components/angular-material/modules/closure/textField/textField.css | 111 |
1 files changed, 111 insertions, 0 deletions
diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/textField/textField.css b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/textField/textField.css new file mode 100644 index 00000000..95044d44 --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/textField/textField.css @@ -0,0 +1,111 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v0.9.0-rc1-master-3c0ce9b + */ +/* mixin definition ; sets LTR and RTL within the same style call */ +md-input-group label, .md-input-group label { + display: block; + font-size: 1.2rem; } +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"] { + display: block; + border-width: 0 0 1px 0; + padding-top: 2px; + line-height: 26px; + padding-bottom: 1px; } + 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 { + outline: 0; } +md-input-group input, md-input-group textarea, .md-input-group input, .md-input-group textarea { + background: none; } + +md-input-group, .md-input-group { + padding-bottom: 2px; + margin: 10px 0 8px 0; + position: relative; + display: block; } + md-input-group label, .md-input-group label { + font-size: 1.6rem; + z-index: 1; + pointer-events: none; + -webkit-font-smoothing: antialiased; } + md-input-group label:hover, .md-input-group label:hover { + cursor: text; } + md-input-group label, .md-input-group label { + -webkit-transform: translate3d(0, 22px, 0); + transform: translate3d(0, 22px, 0); + transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); + transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); + -webkit-transform-origin: left center; + transform-origin: left center; } + html[dir=rtl] md-input-group label, html[dir=rtl] .md-input-group label { + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform-origin: right center; + transform-origin: right center; } + md-input-group input, md-input-group textarea, .md-input-group input, .md-input-group textarea { + border-bottom-width: 1px; + transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); } + md-input-group.md-input-focused label, .md-input-group.md-input-focused label { + -webkit-transform: translate3d(0, 4px, 0) scale(0.75); + transform: translate3d(0, 4px, 0) scale(0.75); + -webkit-transform-origin: left center; + transform-origin: left center; } + html[dir=rtl] md-input-group.md-input-focused label, html[dir=rtl] .md-input-group.md-input-focused label { + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform-origin: right center; + transform-origin: right center; } + 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 { + border-bottom-width: 2px; } + md-input-group.md-input-focused input, .md-input-group.md-input-focused input { + padding-bottom: 0; } + md-input-group.md-input-has-value label, .md-input-group.md-input-has-value label { + -webkit-transform: translate3d(0, 4px, 0) scale(0.75); + transform: translate3d(0, 4px, 0) scale(0.75); + -webkit-transform-origin: left center; + transform-origin: left center; } + html[dir=rtl] md-input-group.md-input-has-value label, html[dir=rtl] .md-input-group.md-input-has-value label { + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform-origin: right center; + transform-origin: right center; } + md-input-group.md-input-has-value:not(.md-input-focused) label, .md-input-group.md-input-has-value:not(.md-input-focused) label { + -webkit-transform: translate3d(0, 4px, 0) scale(0.75); + transform: translate3d(0, 4px, 0) scale(0.75); + -webkit-transform-origin: left center; + transform-origin: left center; } + 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 { + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform-origin: right center; + transform-origin: right center; } + md-input-group[disabled] input, md-input-group[disabled] textarea, .md-input-group[disabled] input, .md-input-group[disabled] textarea { + border-bottom-width: 0px; } + md-input-group[disabled] input, md-input-group[disabled] textarea, .md-input-group[disabled] input, .md-input-group[disabled] textarea { + background-size: 3px 1px; + background-position: 0 bottom; + background-size: 2px 1px; + background-repeat: repeat-x; + pointer-events: none; } + md-input-group[disabled] label, .md-input-group[disabled] label { + -webkit-transform: translate3d(0, 4px, 0) scale(0.75); + transform: translate3d(0, 4px, 0) scale(0.75); + -webkit-transform-origin: left center; + transform-origin: left center; } + html[dir=rtl] md-input-group[disabled] label, html[dir=rtl] .md-input-group[disabled] label { + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform-origin: right center; + transform-origin: right center; } + md-input-group[disabled] *:not(.md-input-has-value) label, .md-input-group[disabled] *:not(.md-input-has-value) label { + -webkit-transform: translate3d(0, 22px, 0); + transform: translate3d(0, 22px, 0); + transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); + -webkit-transform-origin: left center; + transform-origin: left center; } + 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 { + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform-origin: right center; + transform-origin: right center; } |