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 /* Use <h2> as the "sub-header" mentioned in the UX design docs. */ | 8 /* Use <h2> as the "sub-header" mentioned in the UX design docs. */ |
9 h2 { | 9 h2 { |
10 align-items: center; | 10 align-items: center; |
(...skipping 21 matching lines...) Expand all Loading... |
32 -webkit-margin-start: 16px; | 32 -webkit-margin-start: 16px; |
33 color: var(--paper-grey-600); | 33 color: var(--paper-grey-600); |
34 flex-shrink: 0; | 34 flex-shrink: 0; |
35 } | 35 } |
36 | 36 |
37 .separator + button[is='paper-icon-button-light'], | 37 .separator + button[is='paper-icon-button-light'], |
38 .separator + paper-icon-button { | 38 .separator + paper-icon-button { |
39 -webkit-margin-start: var(--cr-icon-ripple-margin)); | 39 -webkit-margin-start: var(--cr-icon-ripple-margin)); |
40 } | 40 } |
41 | 41 |
42 .list-item paper-icon-button { | |
43 /* Workaround iron-list cutting off ripples on paper-icon-buttons. | |
44 * TODO(dschuyler): Can the end margin be done differently to allow for | |
45 * ripples to look like they are overlapping the margin. */ | |
46 -webkit-margin-end: 0; | |
47 } | |
48 | |
49 /* See notes in .primary-button. | 42 /* See notes in .primary-button. |
50 * TODO(dschuyler): Remove unnecessary .secondary-button references. */ | 43 * TODO(dschuyler): Remove unnecessary .secondary-button references. */ |
51 paper-button { | 44 paper-button { |
52 --paper-button: { | 45 --paper-button: { |
53 -webkit-padding-end: var(--settings-button-edge-spacing); | 46 -webkit-padding-end: var(--settings-button-edge-spacing); |
54 -webkit-padding-start: var(--settings-button-edge-spacing); | 47 -webkit-padding-start: var(--settings-button-edge-spacing); |
55 color: var(--paper-grey-600); | 48 color: var(--paper-grey-600); |
56 font-weight: 500; | 49 font-weight: 500; |
57 min-width: 1em; /* A tighter fit than 5.14em for short buttons. */ | 50 min-width: 1em; /* A tighter fit than 5.14em for short buttons. */ |
58 text-decoration: none; | 51 text-decoration: none; |
(...skipping 359 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
418 transform: rotate(-135deg); | 411 transform: rotate(-135deg); |
419 } | 412 } |
420 | 413 |
421 .column-header { | 414 .column-header { |
422 color: var(--paper-grey-600); | 415 color: var(--paper-grey-600); |
423 font-weight: 500; | 416 font-weight: 500; |
424 } | 417 } |
425 </style> | 418 </style> |
426 </template> | 419 </template> |
427 </dom-module> | 420 </dom-module> |
OLD | NEW |