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 | 3 |
3 <!-- Common styles for Material Design WebUI. Included directly in | 4 <!-- Common styles for Material Design WebUI. Included directly in |
4 settings_shared_css.html. --> | 5 settings_shared_css.html. --> |
5 <dom-module id="cr-shared-style"> | 6 <dom-module id="cr-shared-style"> |
6 <template> | 7 <template> |
7 <style> | 8 <style> |
8 .action-button { | 9 .action-button { |
9 background: var(--google-blue-500); | 10 background: var(--google-blue-500); |
10 color: white; | 11 color: white; |
11 --paper-button-flat-keyboard-focus: { | 12 --paper-button-flat-keyboard-focus: { |
12 background-color: rgb(58, 117, 215); /* 88% of --google-blue-500 */ | 13 background-color: rgb(58, 117, 215); /* 88% of --google-blue-500 */ |
13 }; | 14 }; |
14 } | 15 } |
15 | 16 |
16 .action-button[disabled] { | 17 .action-button[disabled] { |
17 opacity: .25; /* TODO(dbeam): check this value with bettes. */ | 18 opacity: .25; /* TODO(dbeam): check this value with bettes. */ |
18 } | 19 } |
19 | 20 |
20 .cancel-button { | 21 .cancel-button { |
21 --paper-button-flat-keyboard-focus: { | 22 --paper-button-flat-keyboard-focus: { |
22 background-color: rgba(0, 0, 0, .12); | 23 background-color: rgba(0, 0, 0, .12); |
23 }; | 24 }; |
24 } | 25 } |
25 | 26 |
26 .action-button, | 27 .action-button, |
27 .cancel-button { | 28 .cancel-button { |
28 font-weight: 500; | 29 font-weight: 500; |
29 } | 30 } |
| 31 |
| 32 [actionable] { |
| 33 @apply(--cr-actionable); |
| 34 } |
30 </style> | 35 </style> |
31 </template> | 36 </template> |
32 </dom-module> | 37 </dom-module> |
OLD | NEW |