Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1111)

Side by Side Diff: chrome/browser/resources/settings/settings_shared_css.html

Issue 2825493003: MD Settings: change outlinks to actually use <a> (Closed)
Patch Set: use a more generic inherit-color class Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698