Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(770)

Side by Side Diff: ui/webui/resources/cr_elements/cr_search_field/cr_search_field.css

Issue 2252633002: Polymer WebUI: Enable native CSS custom properties (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Revulcanize downloads Created 4 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* Copyright 2015 The Chromium Authors. All rights reserved. 1 /* Copyright 2015 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 :host { 5 :host {
6 -webkit-padding-end: 10px; 6 -webkit-padding-end: 10px;
7 box-sizing: border-box; 7 box-sizing: border-box;
8 display: flex; 8 display: flex;
9 justify-content: flex-end; 9 justify-content: flex-end;
10 } 10 }
11 11
12 [hidden] { 12 [hidden] {
13 display: none !important; 13 display: none !important;
14 } 14 }
15 15
16 paper-input-container { 16 paper-input-container {
17 margin-top: 2px; 17 margin-top: 2px;
18 max-width: 200px; 18 max-width: 200px;
19 padding: 2px 0; 19 padding: 2px 0;
20 width: 100%; 20 width: 100%;
21 } 21 }
22 22
23 #searchTerm { 23 #searchTerm {
24 --paper-input-container-color: rgb(192, 199, 205); 24 --paper-input-container-color: rgb(192, 199, 205);
25 --paper-input-container-focus-color: rgb(192, 199, 205); 25 --paper-input-container-focus-color: rgb(192, 199, 205);
26 --paper-input-container-input: { 26 --paper-input-container-input: {
27 color: inherit; 27 color: inherit;
28 font-family: inherit;
29 font-size: inherit; 28 font-size: inherit;
30 }; 29 };
31 --paper-input-container-input-color: rgb(192, 199, 205); 30 --paper-input-container-input-color: rgb(192, 199, 205);
32 color: rgb(192, 199, 205); 31 color: rgb(192, 199, 205);
33 z-index: 0; 32 z-index: 0;
34 } 33 }
35 34
36 #searchTerm input[type='search']::-webkit-search-decoration, 35 #searchTerm input[type='search']::-webkit-search-decoration,
37 #searchTerm input[type='search']::-webkit-search-cancel-button, 36 #searchTerm input[type='search']::-webkit-search-cancel-button,
38 #searchTerm input[type='search']::-webkit-search-results-button { 37 #searchTerm input[type='search']::-webkit-search-results-button {
(...skipping 27 matching lines...) Expand all
66 position: absolute; 65 position: absolute;
67 right: 0; 66 right: 0;
68 top: -4px; 67 top: -4px;
69 z-index: 1; 68 z-index: 1;
70 } 69 }
71 70
72 :host-context([dir='rtl']) #searchTerm paper-icon-button { 71 :host-context([dir='rtl']) #searchTerm paper-icon-button {
73 left: 0; 72 left: 0;
74 right: auto; 73 right: auto;
75 } 74 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/vulcanized.html ('k') | ui/webui/resources/js/polymer_config.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698