| 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 321 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 332 border-top: var(--settings-separator-line); | 332 border-top: var(--settings-separator-line); |
| 333 } | 333 } |
| 334 | 334 |
| 335 .settings-checkbox-spacer { | 335 .settings-checkbox-spacer { |
| 336 -webkit-margin-start: calc( | 336 -webkit-margin-start: calc( |
| 337 var(--checkbox-margin-start) + | 337 var(--checkbox-margin-start) + |
| 338 var(--checkbox-size) + | 338 var(--checkbox-size) + |
| 339 var(--checkbox-spacing)); | 339 var(--checkbox-spacing)); |
| 340 } | 340 } |
| 341 | 341 |
| 342 /* Keep the slider color consistent throughout the range. */ | |
| 343 cr-slider.always-on { | |
| 344 --paper-slider-knob-start-border-color: var(--google-blue-700); | |
| 345 --paper-slider-knob-start-color: var(--google-blue-700); | |
| 346 --paper-slider-pin-start-color: var(--google-blue-700); | |
| 347 } | |
| 348 | |
| 349 .favicon-image { | 342 .favicon-image { |
| 350 background-repeat: no-repeat; | 343 background-repeat: no-repeat; |
| 351 background-size: contain; | 344 background-size: contain; |
| 352 height: 16px; | 345 height: 16px; |
| 353 width: 16px; | 346 width: 16px; |
| 354 } | 347 } |
| 355 | 348 |
| 356 .search-bubble { | 349 .search-bubble { |
| 357 position: absolute; | 350 position: absolute; |
| 358 z-index: 1; | 351 z-index: 1; |
| (...skipping 24 matching lines...) Expand all Loading... |
| 383 /* Turns the arrow direction downwards, when the bubble is placed above | 376 /* Turns the arrow direction downwards, when the bubble is placed above |
| 384 * the anchor element */ | 377 * the anchor element */ |
| 385 .search-bubble-innards.above::after { | 378 .search-bubble-innards.above::after { |
| 386 -webkit-transform: rotate(-135deg); | 379 -webkit-transform: rotate(-135deg); |
| 387 bottom: -5px; | 380 bottom: -5px; |
| 388 top: auto; | 381 top: auto; |
| 389 } | 382 } |
| 390 </style> | 383 </style> |
| 391 </template> | 384 </template> |
| 392 </dom-module> | 385 </dom-module> |
| OLD | NEW |