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 332 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
343 align-items: center; | 343 align-items: center; |
344 background-color: var(--paper-yellow-500); | 344 background-color: var(--paper-yellow-500); |
345 border-radius: 2px; | 345 border-radius: 2px; |
346 padding: 4px 10px; | 346 padding: 4px 10px; |
347 text-align: center; | 347 text-align: center; |
348 width: 100px; | 348 width: 100px; |
349 } | 349 } |
350 | 350 |
351 /* Provides the arrow which points at the anchor element. */ | 351 /* Provides the arrow which points at the anchor element. */ |
352 .search-bubble-innards::after { | 352 .search-bubble-innards::after { |
353 -webkit-transform: rotate(-45deg); | |
354 background-color: var(--paper-yellow-500); | 353 background-color: var(--paper-yellow-500); |
355 content: ''; | 354 content: ''; |
356 height: 10px; | 355 height: 10px; |
357 left: 55px; | 356 left: 55px; |
358 position: absolute; | 357 position: absolute; |
359 top: -5px; | 358 top: -5px; |
| 359 transform: rotate(-45deg); |
360 width: 10px; | 360 width: 10px; |
361 z-index: -1; | 361 z-index: -1; |
362 } | 362 } |
363 | 363 |
364 /* Turns the arrow direction downwards, when the bubble is placed above | 364 /* Turns the arrow direction downwards, when the bubble is placed above |
365 * the anchor element */ | 365 * the anchor element */ |
366 .search-bubble-innards.above::after { | 366 .search-bubble-innards.above::after { |
367 -webkit-transform: rotate(-135deg); | |
368 bottom: -5px; | 367 bottom: -5px; |
369 top: auto; | 368 top: auto; |
| 369 transform: rotate(-135deg); |
370 } | 370 } |
371 </style> | 371 </style> |
372 </template> | 372 </template> |
373 </dom-module> | 373 </dom-module> |
OLD | NEW |