| 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 | 8 /* Included here so we don't have to include "iron-positioning" in every |
| 9 * stylesheet. See crbug.com/498405. */ | 9 * stylesheet. See crbug.com/498405. */ |
| 10 [hidden] { | 10 [hidden] { |
| (...skipping 337 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 348 border-top: var(--settings-separator-line); | 348 border-top: var(--settings-separator-line); |
| 349 } | 349 } |
| 350 | 350 |
| 351 .settings-checkbox-spacer { | 351 .settings-checkbox-spacer { |
| 352 -webkit-margin-start: calc( | 352 -webkit-margin-start: calc( |
| 353 var(--checkbox-margin-start) + | 353 var(--checkbox-margin-start) + |
| 354 var(--checkbox-size) + | 354 var(--checkbox-size) + |
| 355 var(--checkbox-spacing)); | 355 var(--checkbox-spacing)); |
| 356 } | 356 } |
| 357 | 357 |
| 358 /* Keep the slider color consistent throughout the range. */ | |
| 359 cr-slider.always-on { | |
| 360 --paper-slider-knob-start-border-color: var(--google-blue-700); | |
| 361 --paper-slider-knob-start-color: var(--google-blue-700); | |
| 362 --paper-slider-pin-start-color: var(--google-blue-700); | |
| 363 } | |
| 364 | |
| 365 .favicon-image { | 358 .favicon-image { |
| 366 background-repeat: no-repeat; | 359 background-repeat: no-repeat; |
| 367 background-size: contain; | 360 background-size: contain; |
| 368 height: 16px; | 361 height: 16px; |
| 369 width: 16px; | 362 width: 16px; |
| 370 } | 363 } |
| 371 | 364 |
| 372 .search-bubble { | 365 .search-bubble { |
| 373 position: absolute; | 366 position: absolute; |
| 374 z-index: 1; | 367 z-index: 1; |
| (...skipping 24 matching lines...) Expand all Loading... |
| 399 /* Turns the arrow direction downwards, when the bubble is placed above | 392 /* Turns the arrow direction downwards, when the bubble is placed above |
| 400 * the anchor element */ | 393 * the anchor element */ |
| 401 .search-bubble-innards.above::after { | 394 .search-bubble-innards.above::after { |
| 402 -webkit-transform: rotate(-135deg); | 395 -webkit-transform: rotate(-135deg); |
| 403 bottom: -5px; | 396 bottom: -5px; |
| 404 top: auto; | 397 top: auto; |
| 405 } | 398 } |
| 406 </style> | 399 </style> |
| 407 </template> | 400 </template> |
| 408 </dom-module> | 401 </dom-module> |
| OLD | NEW |