| OLD | NEW |
| 1 <link rel="import" href="/settings_vars_css.html"> | 1 <link rel="import" href="/settings_vars_css.html"> |
| 2 | 2 |
| 3 <dom-module id="select"> | 3 <dom-module id="select"> |
| 4 <template> | 4 <template> |
| 5 <style> | 5 <style> |
| 6 select { | 6 select { |
| 7 background-color: transparent; | 7 background-color: transparent; |
| 8 border-bottom: 1px solid var(--paper-grey-300); | 8 border-bottom: 1px solid var(--paper-grey-300); |
| 9 border-left: none; | 9 border-left: none; |
| 10 border-right: none; | 10 border-right: none; |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 top: -1px; | 25 top: -1px; |
| 26 transform: scale3d(0, 1, 1); | 26 transform: scale3d(0, 1, 1); |
| 27 transition: transform 200ms ease-in; | 27 transition: transform 200ms ease-in; |
| 28 width: 100%; | 28 width: 100%; |
| 29 } | 29 } |
| 30 | 30 |
| 31 select:focus + .select-underline { | 31 select:focus + .select-underline { |
| 32 transform: scale3d(1, 1, 1); | 32 transform: scale3d(1, 1, 1); |
| 33 transition: transform 200ms ease-out; | 33 transition: transform 200ms ease-out; |
| 34 } | 34 } |
| 35 |
| 36 .select-wrapper { |
| 37 display: inline-block; |
| 38 } |
| 35 </style> | 39 </style> |
| 36 </template> | 40 </template> |
| 37 </dom-module> | 41 </dom-module> |
| OLD | NEW |