ConnectPage.css (1394B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 .connect-page__breather { 6 margin-block-start: calc(var(--base-unit) * 6); 7 } 8 9 /* 10 * +--------+----------------------+ 11 * | USB | |<button> | 12 * +--------+ | | 13 * | status | | | 14 * +--------+----------------------+ 15 */ 16 .connect-page__usb-section__heading { 17 display: grid; 18 align-items: center; 19 grid-template-areas: 20 "title . toggle" 21 "status . toggle"; 22 grid-template-columns: auto 1fr auto; 23 grid-column-gap: calc(var(--base-unit) * 2); 24 grid-row-gap: var(--base-unit); 25 } 26 27 .connect-page__usb-section__heading__toggle { 28 grid-area: toggle; 29 } 30 31 .connect-page__usb-section__heading__title { 32 grid-area: title; 33 line-height: 1; 34 } 35 .connect-page__usb-section__heading__status { 36 grid-area: status; 37 line-height: 1; 38 font-size: var(--caption-20-font-size); 39 font-weight: var(--caption-20-font-weight, normal); 40 color: var(--secondary-text-color); 41 } 42 43 .connect-page__troubleshoot { 44 font-size: var(--body-10-font-size); 45 font-weight: var(--body-10-font-weight, normal); 46 margin-block-start: calc(var(--base-unit) * 2); 47 } 48 49 .connect-page__troubleshoot--network { 50 padding-inline: calc(var(--base-unit) * 6); 51 }