| 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 |