OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
2 <link rel="import" href="settings_vars_css.html"> | 2 <link rel="import" href="settings_vars_css.html"> |
3 | 3 |
4 <!-- Common styles for Material Design settings. --> | 4 <!-- Common styles for Material Design settings. --> |
5 <dom-module id="settings-shared"> | 5 <dom-module id="settings-shared"> |
6 <template> | 6 <template> |
7 <style include="cr-shared-style"> | 7 <style include="cr-shared-style"> |
8 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { | 8 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { |
9 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */ | 9 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */ |
10 } | 10 } |
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
72 -webkit-padding-start: var(--settings-button-edge-spacing); | 72 -webkit-padding-start: var(--settings-button-edge-spacing); |
73 font-weight: 500; | 73 font-weight: 500; |
74 text-align: start; | 74 text-align: start; |
75 }; | 75 }; |
76 --paper-button-flat-keyboard-focus: { | 76 --paper-button-flat-keyboard-focus: { |
77 background: rgba(51, 103, 214, .12); /* --google-blue-700 */ | 77 background: rgba(51, 103, 214, .12); /* --google-blue-700 */ |
78 }; | 78 }; |
79 color: var(--google-blue-500); | 79 color: var(--google-blue-500); |
80 } | 80 } |
81 | 81 |
| 82 .primary-button[disabled] { |
| 83 background: none; |
| 84 color: var(--paper-grey-600); |
| 85 } |
| 86 |
82 paper-toggle-button { | 87 paper-toggle-button { |
83 @apply(--settings-actionable); | 88 @apply(--settings-actionable); |
84 height: var(--settings-row-min-height); | 89 height: var(--settings-row-min-height); |
85 width: 36px; | 90 width: 36px; |
86 } | 91 } |
87 | 92 |
88 span ~ a { | 93 span ~ a { |
89 -webkit-margin-start: 4px; | 94 -webkit-margin-start: 4px; |
90 } | 95 } |
91 | 96 |
(...skipping 299 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
391 transform: rotate(-135deg); | 396 transform: rotate(-135deg); |
392 } | 397 } |
393 | 398 |
394 .column-header { | 399 .column-header { |
395 color: var(--paper-grey-600); | 400 color: var(--paper-grey-600); |
396 font-weight: 500; | 401 font-weight: 500; |
397 } | 402 } |
398 </style> | 403 </style> |
399 </template> | 404 </template> |
400 </dom-module> | 405 </dom-module> |
OLD | NEW |