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 /* Use <h2> as the "sub-header" mentioned in the UX design docs. */ | 8 /* Use <h2> as the "sub-header" mentioned in the UX design docs. */ |
9 h2 { | 9 h2 { |
10 align-items: center; | 10 align-items: center; |
| 11 align-self: flex-start; |
11 color: var(--paper-grey-600); | 12 color: var(--paper-grey-600); |
12 display: flex; | 13 display: flex; |
13 font-size: inherit; | 14 font-size: inherit; |
14 font-weight: 500; | 15 font-weight: 500; |
15 margin: 0; | 16 margin: 0; |
16 padding-top: 24px; | 17 padding-top: 24px; |
17 padding-bottom: 12px; | 18 padding-bottom: 12px; |
18 } | 19 } |
19 | 20 |
20 iron-icon[icon='cr:check'], | 21 iron-icon[icon='cr:check'], |
(...skipping 357 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
378 /* Turns the arrow direction downwards, when the bubble is placed above | 379 /* Turns the arrow direction downwards, when the bubble is placed above |
379 * the anchor element */ | 380 * the anchor element */ |
380 .search-bubble-innards.above::after { | 381 .search-bubble-innards.above::after { |
381 -webkit-transform: rotate(-135deg); | 382 -webkit-transform: rotate(-135deg); |
382 bottom: -5px; | 383 bottom: -5px; |
383 top: auto; | 384 top: auto; |
384 } | 385 } |
385 </style> | 386 </style> |
386 </template> | 387 </template> |
387 </dom-module> | 388 </dom-module> |
OLD | NEW |