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; |
(...skipping 244 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
255 font-weight: 500; | 255 font-weight: 500; |
256 } | 256 } |
257 | 257 |
258 /* A settings-box is a horizontal row of text or controls within a | 258 /* A settings-box is a horizontal row of text or controls within a |
259 * setting section (page or subpage). */ | 259 * setting section (page or subpage). */ |
260 .settings-box { | 260 .settings-box { |
261 align-items: center; | 261 align-items: center; |
262 border-top: var(--settings-separator-line); | 262 border-top: var(--settings-separator-line); |
263 display: flex; | 263 display: flex; |
264 min-height: var(--settings-row-min-height); | 264 min-height: var(--settings-row-min-height); |
265 padding: 0 20px; | 265 padding: 0 var(--settings-box-row-padding); |
266 } | 266 } |
267 | 267 |
268 /* We use an explicit tag to remove the top border, rather than a | 268 /* We use an explicit tag to remove the top border, rather than a |
269 * :first-of-type modifier. This is a conscious choice, please consult | 269 * :first-of-type modifier. This is a conscious choice, please consult |
270 * with dbeam@ or dschuyler@ prior to changing it. */ | 270 * with dbeam@ or dschuyler@ prior to changing it. */ |
271 .settings-box.first, | 271 .settings-box.first, |
272 .settings-box.continuation { | 272 .settings-box.continuation { |
273 border-top: none; | 273 border-top: none; |
274 } | 274 } |
275 | 275 |
(...skipping 110 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
386 /* Turns the arrow direction downwards, when the bubble is placed above | 386 /* Turns the arrow direction downwards, when the bubble is placed above |
387 * the anchor element */ | 387 * the anchor element */ |
388 .search-bubble-innards.above::after { | 388 .search-bubble-innards.above::after { |
389 -webkit-transform: rotate(-135deg); | 389 -webkit-transform: rotate(-135deg); |
390 bottom: -5px; | 390 bottom: -5px; |
391 top: auto; | 391 top: auto; |
392 } | 392 } |
393 </style> | 393 </style> |
394 </template> | 394 </template> |
395 </dom-module> | 395 </dom-module> |
OLD | NEW |