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 /* Included here so we don't have to include "iron-positioning" in every | 8 /* Included here so we don't have to include "iron-positioning" in every |
9 * stylesheet. See crbug.com/498405. */ | 9 * stylesheet. See crbug.com/498405. */ |
10 [hidden] { | 10 [hidden] { |
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
68 .primary-button { | 68 .primary-button { |
69 --paper-button-flat-keyboard-focus: { | 69 --paper-button-flat-keyboard-focus: { |
70 background: rgba(51, 103, 214, .12); /* --google-blue-700 */ | 70 background: rgba(51, 103, 214, .12); /* --google-blue-700 */ |
71 }; | 71 }; |
72 } | 72 } |
73 | 73 |
74 a[href] { | 74 a[href] { |
75 text-decoration: none; | 75 text-decoration: none; |
76 } | 76 } |
77 | 77 |
78 /* There are three main button styles, .primary-button and | 78 /* For elements that are simple outlinks but dont look like anchors. */ |
79 * .secondary-button. The primary is the action button (e.g. "edit", | 79 .inherit-color { |
| 80 color: inherit !important; |
| 81 } |
| 82 |
| 83 /* There are three main button styles, .primary-button, .secondary-button, |
| 84 * and .tertiary-button. The primary is the action button (e.g. "edit", |
80 * "delete") while the secondary is often a "Cancel" button. A tertiary | 85 * "delete") while the secondary is often a "Cancel" button. A tertiary |
81 * button may be used to get more information or similar, that we expect | 86 * button may be used to get more information or similar, that we expect |
82 * most users will not need. */ | 87 * most users will not need. */ |
83 .primary-button { | 88 .primary-button { |
84 --paper-button: { | 89 --paper-button: { |
85 font-weight: 500; | 90 font-weight: 500; |
86 text-align: start; | 91 text-align: start; |
87 }; | 92 }; |
88 } | 93 } |
89 | 94 |
(...skipping 305 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
395 transform: rotate(-135deg); | 400 transform: rotate(-135deg); |
396 } | 401 } |
397 | 402 |
398 .column-header { | 403 .column-header { |
399 color: var(--paper-grey-600); | 404 color: var(--paper-grey-600); |
400 font-weight: 500; | 405 font-weight: 500; |
401 } | 406 } |
402 </style> | 407 </style> |
403 </template> | 408 </template> |
404 </dom-module> | 409 </dom-module> |
OLD | NEW |