Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(457)

Side by Side Diff: chrome/browser/resources/settings/settings_shared_css.html

Issue 2535573002: Reduce usage of webkit CSS prefixes in chrome/browser/resources (Closed)
Patch Set: rebase Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698