| 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 295 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 387 transform: rotate(-135deg); | 392 transform: rotate(-135deg); |
| 388 } | 393 } |
| 389 | 394 |
| 390 .column-header { | 395 .column-header { |
| 391 color: var(--paper-grey-600); | 396 color: var(--paper-grey-600); |
| 392 font-weight: 500; | 397 font-weight: 500; |
| 393 } | 398 } |
| 394 </style> | 399 </style> |
| 395 </template> | 400 </template> |
| 396 </dom-module> | 401 </dom-module> |
| OLD | NEW |