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 h2 { | 9 h2 { |
9 align-items: center; | 10 align-items: center; |
| 11 color: var(--paper-grey-600); |
10 display: flex; | 12 display: flex; |
11 font-size: 100%; | 13 font-size: inherit; |
12 font-weight: 500; | 14 font-weight: 500; |
13 margin: 0; | 15 margin: 0; |
14 min-height: var(--settings-row-min-height); | 16 padding-top: 24px; |
| 17 padding-bottom: 12px; |
15 } | 18 } |
16 | 19 |
17 iron-icon[icon='cr:check'], | 20 iron-icon[icon='cr:check'], |
18 iron-icon[icon='settings:done'] { | 21 iron-icon[icon='settings:done'] { |
19 --iron-icon-fill-color: var(--google-green-500); | 22 --iron-icon-fill-color: var(--google-green-500); |
20 } | 23 } |
21 | 24 |
22 paper-button { | 25 paper-button { |
23 margin: 0; | 26 margin: 0; |
24 } | 27 } |
(...skipping 346 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
371 /* Turns the arrow direction downwards, when the bubble is placed above | 374 /* Turns the arrow direction downwards, when the bubble is placed above |
372 * the anchor element */ | 375 * the anchor element */ |
373 .search-bubble-innards.above::after { | 376 .search-bubble-innards.above::after { |
374 -webkit-transform: rotate(-135deg); | 377 -webkit-transform: rotate(-135deg); |
375 bottom: -5px; | 378 bottom: -5px; |
376 top: auto; | 379 top: auto; |
377 } | 380 } |
378 </style> | 381 </style> |
379 </template> | 382 </template> |
380 </dom-module> | 383 </dom-module> |
OLD | NEW |