| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
| 3 <link rel="import" href="hidden_style_css.html"> | 3 <link rel="import" href="hidden_style_css.html"> |
| 4 | 4 |
| 5 <!-- Common styles for Material Design WebUI. Included directly in | 5 <!-- Common styles for Material Design WebUI. Included directly in |
| 6 settings_shared_css.html. --> | 6 settings_shared_css.html. --> |
| 7 <dom-module id="cr-shared-style"> | 7 <dom-module id="cr-shared-style"> |
| 8 <template> | 8 <template> |
| 9 <style include="cr-hidden-style"> | 9 <style include="cr-hidden-style"> |
| 10 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { | 10 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { |
| (...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 95 border-style: solid; | 95 border-style: solid; |
| 96 border-width: 1px 0; | 96 border-width: 1px 0; |
| 97 overflow-y: auto; | 97 overflow-y: auto; |
| 98 } | 98 } |
| 99 [scrollable].is-scrolled { | 99 [scrollable].is-scrolled { |
| 100 border-top-color: var(--google-grey-300); | 100 border-top-color: var(--google-grey-300); |
| 101 } | 101 } |
| 102 [scrollable].can-scroll:not(.scrolled-to-bottom) { | 102 [scrollable].can-scroll:not(.scrolled-to-bottom) { |
| 103 border-bottom-color: var(--google-grey-300); | 103 border-bottom-color: var(--google-grey-300); |
| 104 } | 104 } |
| 105 [scrollable] iron-list > * { | |
| 106 @apply(--cr-actionable); | |
| 107 } | |
| 108 [scrollable] iron-list > :not(.no-outline):focus { | 105 [scrollable] iron-list > :not(.no-outline):focus { |
| 109 @apply(--cr-list-item-focus); | 106 @apply(--cr-list-item-focus); |
| 110 @apply(--cr-selectable-focus); | 107 @apply(--cr-selectable-focus); |
| 111 } | 108 } |
| 112 | 109 |
| 113 .scroll-container { | 110 .scroll-container { |
| 114 display: flex; | 111 display: flex; |
| 115 flex-direction: column; | 112 flex-direction: column; |
| 116 min-height: 1px; | 113 min-height: 1px; |
| 117 } | 114 } |
| 118 | 115 |
| 119 [selectable]:focus, | 116 [selectable]:focus, |
| 120 [selectable] > :focus { | 117 [selectable] > :focus { |
| 121 @apply(--cr-selectable-focus); | 118 @apply(--cr-selectable-focus); |
| 122 } | 119 } |
| 123 [selectable] > * { | 120 [selectable] > * { |
| 124 @apply(--cr-actionable); | 121 @apply(--cr-actionable); |
| 125 } | 122 } |
| 126 </style> | 123 </style> |
| 127 </template> | 124 </template> |
| 128 </dom-module> | 125 </dom-module> |
| OLD | NEW |