| 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 /* Included here so we don't have to include "iron-positioning" in every |
| 9 * stylesheet. See crbug.com/498405. */ |
| 10 [hidden] { |
| 11 display: none !important; |
| 12 } |
| 13 |
| 8 button[is='paper-icon-button-light'] { | 14 button[is='paper-icon-button-light'] { |
| 9 -webkit-margin-end: -8px; /* Allow ripple to overlap the end. */ | 15 -webkit-margin-end: -8px; /* Allow ripple to overlap the end. */ |
| 10 -webkit-margin-start: 16px; | 16 -webkit-margin-start: 16px; |
| 11 background-position: center; | 17 background-position: center; |
| 12 background-repeat: no-repeat; | 18 background-repeat: no-repeat; |
| 13 background-size: var(--settings-icon-size); | 19 background-size: var(--settings-icon-size); |
| 14 flex-shrink: 0; | 20 flex-shrink: 0; |
| 15 height: var(--settings-icon-ripple-size); | 21 height: var(--settings-icon-ripple-size); |
| 16 width: var(--settings-icon-ripple-size); | 22 width: var(--settings-icon-ripple-size); |
| 17 } | 23 } |
| (...skipping 412 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 430 /* Turns the arrow direction downwards, when the bubble is placed above | 436 /* Turns the arrow direction downwards, when the bubble is placed above |
| 431 * the anchor element */ | 437 * the anchor element */ |
| 432 .search-bubble-innards.above::after { | 438 .search-bubble-innards.above::after { |
| 433 -webkit-transform: rotate(-135deg); | 439 -webkit-transform: rotate(-135deg); |
| 434 bottom: -5px; | 440 bottom: -5px; |
| 435 top: auto; | 441 top: auto; |
| 436 } | 442 } |
| 437 </style> | 443 </style> |
| 438 </template> | 444 </template> |
| 439 </dom-module> | 445 </dom-module> |
| OLD | NEW |