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

Side by Side Diff: ui/webui/resources/cr_elements/shared_style_css.html

Issue 2169603002: MD WebUI: Move some settings CSS to shared_style_css (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@issue_521040_internet_cleanup_1
Patch Set: Rebase with hover removal changes Created 4 years, 5 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 <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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698