| OLD | NEW |
| (Empty) |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
| 2 * Use of this source code is governed by a BSD-style license that can be | |
| 3 * found in the LICENSE file. */ | |
| 4 | |
| 5 /** | |
| 6 * @fileoverview | |
| 7 * Common styles for Settings pages. | |
| 8 */ | |
| 9 :host { | |
| 10 display: flex; | |
| 11 flex-direction: column; | |
| 12 position: relative; | |
| 13 } | |
| 14 | |
| 15 #header { | |
| 16 margin-bottom: 12px; | |
| 17 } | |
| 18 | |
| 19 #header .title { | |
| 20 color: rgb(104, 113, 116); /* Custom color from bettes@ */ | |
| 21 font-size: 13px; | |
| 22 font-weight: 500; | |
| 23 } | |
| 24 | |
| 25 #card { | |
| 26 background-color: white; | |
| 27 overflow: hidden; | |
| 28 } | |
| 29 | |
| 30 #card { | |
| 31 flex: 1; | |
| 32 } | |
| 33 | |
| 34 :host(.expanded) { | |
| 35 margin-bottom: 0; | |
| 36 } | |
| 37 | |
| 38 :host(.expanded) #header { | |
| 39 display: none; | |
| 40 } | |
| 41 | |
| 42 :host(.frozen) #card { | |
| 43 position: fixed; | |
| 44 width: 100%; | |
| 45 } | |
| 46 | |
| 47 :host(.expanded.frozen) #card { | |
| 48 position: relative; | |
| 49 } | |
| OLD | NEW |