OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
3 <link rel="import" href="hidden_style_css.html"> | 3 <link rel="import" href="hidden_style_css.html"> |
4 | 4 |
5 <!-- Common styles for Material Design WebUI. Included directly in | 5 <!-- Common styles for Material Design WebUI. Included directly in |
6 settings_shared_css.html. --> | 6 settings_shared_css.html. --> |
7 <dom-module id="cr-shared-style"> | 7 <dom-module id="cr-shared-style"> |
8 <template> | 8 <template> |
9 <style include="cr-hidden-style"> | 9 <style include="cr-hidden-style"> |
10 /* Chrome spinners should be blue. */ | 10 /* Chrome spinners should be blue. */ |
(...skipping 18 matching lines...) Expand all Loading... |
29 | 29 |
30 .cancel-button { | 30 .cancel-button { |
31 --paper-button-flat-keyboard-focus: { | 31 --paper-button-flat-keyboard-focus: { |
32 background: rgba(0, 0, 0, .12); | 32 background: rgba(0, 0, 0, .12); |
33 }; | 33 }; |
34 } | 34 } |
35 | 35 |
36 .action-button, | 36 .action-button, |
37 .cancel-button { | 37 .cancel-button { |
38 font-weight: 500; | 38 font-weight: 500; |
39 padding: 0 16px; | 39 padding-left: 16px; |
| 40 padding-right: 16px; |
40 } | 41 } |
41 | 42 |
42 [actionable] { | 43 [actionable] { |
43 @apply(--cr-actionable); | 44 @apply(--cr-actionable); |
44 } | 45 } |
45 | 46 |
46 button[is='paper-icon-button-light'] { | 47 button[is='paper-icon-button-light'] { |
47 @apply(--cr-paper-icon-button-margin); | 48 @apply(--cr-paper-icon-button-margin); |
48 background-position: center; | 49 background-position: center; |
49 background-repeat: no-repeat; | 50 background-repeat: no-repeat; |
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
104 [selectable]:focus, | 105 [selectable]:focus, |
105 [selectable] > :focus { | 106 [selectable] > :focus { |
106 @apply(--cr-selectable-focus); | 107 @apply(--cr-selectable-focus); |
107 } | 108 } |
108 [selectable] > * { | 109 [selectable] > * { |
109 @apply(--cr-actionable); | 110 @apply(--cr-actionable); |
110 } | 111 } |
111 </style> | 112 </style> |
112 </template> | 113 </template> |
113 </dom-module> | 114 </dom-module> |
OLD | NEW |