| 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 button[is='paper-icon-button-light'] { | 8 button[is='paper-icon-button-light'] { |
| 9 --paper-icon-button-light-ripple: { | 9 --paper-icon-button-light-ripple: { |
| 10 /* Center the ripple on the icon button. */ | 10 /* Center the ripple on the icon button. */ |
| (...skipping 234 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 245 | 245 |
| 246 /* A thin separator line under a list item. */ | 246 /* A thin separator line under a list item. */ |
| 247 .list-item.underbar { | 247 .list-item.underbar { |
| 248 border-bottom: var(--settings-separator-line); | 248 border-bottom: var(--settings-separator-line); |
| 249 } | 249 } |
| 250 | 250 |
| 251 .list-item.selected { | 251 .list-item.selected { |
| 252 font-weight: 500; | 252 font-weight: 500; |
| 253 } | 253 } |
| 254 | 254 |
| 255 .list-item select { | |
| 256 -webkit-margin-start: 4px; | |
| 257 } | |
| 258 | |
| 259 /* The middle part (horizontally) of a list item. */ | 255 /* The middle part (horizontally) of a list item. */ |
| 260 .list-item .middle { | 256 .list-item .middle { |
| 261 flex: 1; | 257 flex: 1; |
| 262 margin: 8px 16px; | 258 margin: 8px 16px; |
| 263 } | 259 } |
| 264 | 260 |
| 265 /* The start (left in LTR) part (horizontally) of a list item. */ | 261 /* The start (left in LTR) part (horizontally) of a list item. */ |
| 266 .list-item > .start { | 262 .list-item > .start { |
| 267 flex: 1; | 263 flex: 1; |
| 268 } | 264 } |
| (...skipping 159 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 428 /* Turns the arrow direction downwards, when the bubble is placed above | 424 /* Turns the arrow direction downwards, when the bubble is placed above |
| 429 * the anchor element */ | 425 * the anchor element */ |
| 430 .search-bubble-innards.above::after { | 426 .search-bubble-innards.above::after { |
| 431 -webkit-transform: rotate(-135deg); | 427 -webkit-transform: rotate(-135deg); |
| 432 bottom: -5px; | 428 bottom: -5px; |
| 433 top: auto; | 429 top: auto; |
| 434 } | 430 } |
| 435 </style> | 431 </style> |
| 436 </template> | 432 </template> |
| 437 </dom-module> | 433 </dom-module> |
| OLD | NEW |