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

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

Issue 2837763002: MD WebUI: Update action/cancel button height to 36px (Closed)
Patch Set: Use padding-left/right in this CL Created 3 years, 7 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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 <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
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
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>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698