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 | 3 |
4 <!-- Common styles for Material Design WebUI. Included directly in | 4 <!-- Common styles for Material Design WebUI. Included directly in |
5 settings_shared_css.html. --> | 5 settings_shared_css.html. --> |
6 <dom-module id="cr-shared-style"> | 6 <dom-module id="cr-shared-style"> |
7 <template> | 7 <template> |
8 <style> | 8 <style> |
9 /* Chrome spinners should be blue. */ | 9 /* Chrome spinners should be blue. */ |
10 paper-spinner { | 10 paper-spinner { |
(...skipping 17 matching lines...) Expand all Loading... | |
28 | 28 |
29 .cancel-button { | 29 .cancel-button { |
30 --paper-button-flat-keyboard-focus: { | 30 --paper-button-flat-keyboard-focus: { |
31 background: rgba(0, 0, 0, .12); | 31 background: rgba(0, 0, 0, .12); |
32 }; | 32 }; |
33 } | 33 } |
34 | 34 |
35 .action-button, | 35 .action-button, |
36 .cancel-button { | 36 .cancel-button { |
37 font-weight: 500; | 37 font-weight: 500; |
38 height: 36px; | |
Dan Beam
2017/04/24 19:08:42
what happens with different-sized fonts?
tsergeant
2017/04/24 23:00:37
This is the same style that MD Settings uses every
| |
38 padding: 0 16px; | 39 padding: 0 16px; |
39 } | 40 } |
40 | 41 |
41 [actionable] { | 42 [actionable] { |
42 @apply(--cr-actionable); | 43 @apply(--cr-actionable); |
43 } | 44 } |
44 | 45 |
45 button[is='paper-icon-button-light'] { | 46 button[is='paper-icon-button-light'] { |
46 @apply(--cr-paper-icon-button-margin); | 47 @apply(--cr-paper-icon-button-margin); |
47 background-position: center; | 48 background-position: center; |
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
103 [selectable]:focus, | 104 [selectable]:focus, |
104 [selectable] > :focus { | 105 [selectable] > :focus { |
105 @apply(--cr-selectable-focus); | 106 @apply(--cr-selectable-focus); |
106 } | 107 } |
107 [selectable] > * { | 108 [selectable] > * { |
108 @apply(--cr-actionable); | 109 @apply(--cr-actionable); |
109 } | 110 } |
110 </style> | 111 </style> |
111 </template> | 112 </template> |
112 </dom-module> | 113 </dom-module> |
OLD | NEW |