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 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { | 10 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
42 font-weight: 500; | 42 font-weight: 500; |
43 line-height: 154%; | 43 line-height: 154%; |
44 padding: 8px 16px; | 44 padding: 8px 16px; |
45 } | 45 } |
46 | 46 |
47 [actionable] { | 47 [actionable] { |
48 @apply(--cr-actionable); | 48 @apply(--cr-actionable); |
49 } | 49 } |
50 | 50 |
51 button[is='paper-icon-button-light'] { | 51 button[is='paper-icon-button-light'] { |
52 @apply(--cr-paper-icon-button-margin); | 52 -webkit-margin-end: var(--cr-icon-ripple-margin); |
| 53 -webkit-margin-start: 16px; |
53 background-position: center; | 54 background-position: center; |
54 background-repeat: no-repeat; | 55 background-repeat: no-repeat; |
55 background-size: var(--cr-icon-size); | 56 background-size: var(--cr-icon-size); |
56 flex-shrink: 0; | 57 flex-shrink: 0; |
57 height: var(--cr-icon-ripple-size); | 58 height: var(--cr-icon-ripple-size); |
58 width: var(--cr-icon-ripple-size); | 59 width: var(--cr-icon-ripple-size); |
59 } | 60 } |
60 | 61 |
61 button[is='paper-icon-button-light'].subpage-arrow { | 62 button[is='paper-icon-button-light'].subpage-arrow { |
62 background-image: url(chrome://resources/images/arrow_right.svg); | 63 background-image: url(chrome://resources/images/arrow_right.svg); |
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
118 [selectable]:focus, | 119 [selectable]:focus, |
119 [selectable] > :focus { | 120 [selectable] > :focus { |
120 @apply(--cr-selectable-focus); | 121 @apply(--cr-selectable-focus); |
121 } | 122 } |
122 [selectable] > * { | 123 [selectable] > * { |
123 @apply(--cr-actionable); | 124 @apply(--cr-actionable); |
124 } | 125 } |
125 </style> | 126 </style> |
126 </template> | 127 </template> |
127 </dom-module> | 128 </dom-module> |
OLD | NEW |