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