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 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
70 .tertiary-button { | 70 .tertiary-button { |
71 --paper-button-flat-keyboard-focus: { | 71 --paper-button-flat-keyboard-focus: { |
72 background: rgba(51, 103, 214, .12); /* --google-blue-700 */ | 72 background: rgba(51, 103, 214, .12); /* --google-blue-700 */ |
73 }; | 73 }; |
74 } | 74 } |
75 | 75 |
76 a[href] { | 76 a[href] { |
77 text-decoration: none; | 77 text-decoration: none; |
78 } | 78 } |
79 | 79 |
80 /* For elements that are simple outlinks but dont look like anchors. */ | |
81 .inherit-color { | |
82 color: inherit !important; | |
scottchen
2017/04/21 20:07:04
Needs the !important, since other (more specific)
| |
83 } | |
84 | |
80 /* There are three main button styles, .primary-button, .secondary-button, | 85 /* There are three main button styles, .primary-button, .secondary-button, |
81 * and .tertiary-button. The primary is the action button (e.g. "edit", | 86 * and .tertiary-button. The primary is the action button (e.g. "edit", |
82 * "delete") while the secondary is often a "Cancel" button. A tertiary | 87 * "delete") while the secondary is often a "Cancel" button. A tertiary |
83 * button may be used to get more information or similar, that we expect | 88 * button may be used to get more information or similar, that we expect |
84 * most users will not need. */ | 89 * most users will not need. */ |
85 .primary-button { | 90 .primary-button { |
86 --paper-button: { | 91 --paper-button: { |
87 font-weight: 500; | 92 font-weight: 500; |
88 text-align: start; | 93 text-align: start; |
89 }; | 94 }; |
(...skipping 311 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
401 transform: rotate(-135deg); | 406 transform: rotate(-135deg); |
402 } | 407 } |
403 | 408 |
404 .column-header { | 409 .column-header { |
405 color: var(--paper-grey-600); | 410 color: var(--paper-grey-600); |
406 font-weight: 500; | 411 font-weight: 500; |
407 } | 412 } |
408 </style> | 413 </style> |
409 </template> | 414 </template> |
410 </dom-module> | 415 </dom-module> |
OLD | NEW |