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

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: updates based on comments 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 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698