view-opentabs.css (841B)
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 .view-opentabs-card-container { 6 display: grid; 7 gap: 1em; 8 } 9 10 [card-count="one"] { 11 grid-template-columns: 1fr; 12 } 13 14 [card-count="two"] { 15 grid-template-columns: repeat(2, 1fr); 16 } 17 18 [card-count="three-or-more"] { 19 grid-template-columns: repeat(3, 1fr); 20 21 @media (max-width: 85rem) { 22 /* Switch to 2-column layout on narrow viewports */ 23 grid-template-columns: repeat(2, 1fr); 24 } 25 } 26 27 .open-tabs-options, 28 .open-tabs-sort-wrapper { 29 display: flex; 30 gap: 24px; 31 } 32 33 .open-tabs-options { 34 flex-wrap: wrap; 35 } 36 37 .open-tabs-sort-option { 38 display: flex; 39 align-items: center; 40 gap: 8px; 41 42 & label { 43 white-space: nowrap; 44 } 45 }