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 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
47 paper-toggle-button { | 47 paper-toggle-button { |
48 @apply(--settings-actionable); | 48 @apply(--settings-actionable); |
49 height: var(--settings-row-min-height); | 49 height: var(--settings-row-min-height); |
50 width: 31px; | 50 width: 31px; |
51 } | 51 } |
52 | 52 |
53 span ~ a { | 53 span ~ a { |
54 -webkit-margin-start: 4px; | 54 -webkit-margin-start: 4px; |
55 } | 55 } |
56 | 56 |
57 .primary-button, | 57 .primary-button { |
| 58 color: var(--google-blue-500); |
| 59 } |
| 60 |
58 a[href] { | 61 a[href] { |
59 color: var(--google-blue-700); | 62 color: var(--google-blue-700); |
60 } | 63 } |
61 | 64 |
62 .primary-button { | 65 .primary-button { |
63 --paper-button-flat-keyboard-focus: { | 66 --paper-button-flat-keyboard-focus: { |
64 background: rgba(51, 103, 214, .12); /* --google-blue-700 */ | 67 background: rgba(51, 103, 214, .12); /* --google-blue-700 */ |
65 }; | 68 }; |
66 } | 69 } |
67 | 70 |
(...skipping 326 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
394 transform: rotate(-135deg); | 397 transform: rotate(-135deg); |
395 } | 398 } |
396 | 399 |
397 .column-header { | 400 .column-header { |
398 color: var(--paper-grey-600); | 401 color: var(--paper-grey-600); |
399 font-weight: 500; | 402 font-weight: 500; |
400 } | 403 } |
401 </style> | 404 </style> |
402 </template> | 405 </template> |
403 </dom-module> | 406 </dom-module> |
OLD | NEW |