Index: polymer_0.5.0/bower_components/paper-input/paper-input-decorator.css |
diff --git a/bower_components/paper-input/paper-input.css b/polymer_0.5.0/bower_components/paper-input/paper-input-decorator.css |
similarity index 71% |
rename from bower_components/paper-input/paper-input.css |
rename to polymer_0.5.0/bower_components/paper-input/paper-input-decorator.css |
index ce3f6c01133e8fe1119010b2149cb3fb96e0d197..93f40eeb9e652a10bf1ffbe5a51897c408f256ca 100644 |
--- a/bower_components/paper-input/paper-input.css |
+++ b/polymer_0.5.0/bower_components/paper-input/paper-input-decorator.css |
@@ -12,30 +12,44 @@ |
display: inline-block; |
outline: none; |
text-align: inherit; |
- color: #757575; |
padding: 0.75em 0; |
} |
-:host /deep/ input, |
-:host /deep/ textarea { |
- font: inherit; |
- color: #000; |
+polyfill-next-selector { |
+ content: '.input-body > :not(.label)'; |
+} |
+::content > *, |
+::content > input[is="core-input"] { |
padding: 0; |
- margin: 0; |
+ margin: 0.5em 0 0.25em; |
+ width: 100%; |
+} |
+ |
+polyfill-next-selector { |
+ content: 'input, textarea'; |
+} |
+::content input, |
+::content input[is=core-input], |
+::content textarea { |
+ font: inherit; |
+ color: inherit; |
background-color: transparent; |
border: none; |
outline: none; |
- /* see comments in template */ |
- width: 100%; |
- height: 100%; |
} |
-input:invalid, |
-textarea:invalid { |
+polyfill-next-selector { |
+ content: ':invalid'; |
+} |
+::content input:invalid, |
+::content textarea:invalid { |
box-shadow: none; |
} |
-textarea { |
+polyfill-next-selector { |
+ content: 'textarea'; |
+} |
+::content textarea { |
resize: none; |
} |
@@ -83,48 +97,17 @@ textarea { |
transform-origin: 0% 0%; |
} |
-.cursor { |
- position: absolute; |
- top: 0.4em; |
- left: 0; |
- width: 1px; |
- height: 1.4em; |
- opacity: 0.4; |
- -moz-transform-origin: 0%; |
- -webkit-transform-origin: 0%; |
- transform-origin: 0%; |
- -webkit-transform: none; |
- transform: none; |
-} |
- |
-.cursor[invisible] { |
- opacity: 0.75; |
- -webkit-transform: translate3d(3em,0,0) scale3d(50,1,1); |
- transform: translate3d(3em,0,0) scale3d(50,1,1); |
-} |
- |
-.input-container { |
- position: absolute; |
- /* simulate padding so the input/textarea can use 100% width/height */ |
- top: 0.5em; |
- right: 0; |
- bottom: 0.25em; |
- left: 0; |
-} |
- |
.underline { |
height: 0px; |
overflow: visible; |
} |
:host([disabled]) .underline { |
- border-bottom: 1px dashed; |
+ border-bottom: 1px dashed #757575; |
} |
.unfocused-underline { |
height: 1px; |
- background: #757575; |
- border-bottom-color: #757575; |
} |
.focused-underline { |