opentabs.css (1310B)
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 @import url("chrome://global/skin/in-content/common.css"); 6 7 :root { 8 height: 100%; 9 --splitview-opentabs-card-width: 358px; 10 background: no-repeat light-dark(linear-gradient(#f0ebfd, #f7ebeb), linear-gradient(#332a50, #3f2a2f)); 11 background-attachment: fixed; 12 } 13 14 body { 15 display: flex; 16 flex-direction: column; 17 align-items: center; 18 height: 100%; 19 } 20 21 .sticky-header { 22 background: linear-gradient(to bottom, light-dark(#f0ebfd, #332a50) 0%, light-dark(#f0ebfd, #332a50) 95%, transparent 100%); 23 position: sticky; 24 top: 0; 25 z-index: 1; 26 display: flex; 27 flex-direction: column; 28 width: 100%; 29 align-items: center; 30 } 31 32 h3 { 33 color: var(--text-color); 34 /* stylelint-disable-next-line stylelint-plugin-mozilla/use-design-tokens */ 35 margin-block-start: calc(var(--size-item-large) * 3.375); 36 height: min-content; 37 } 38 39 splitview-opentabs { 40 /* stylelint-disable-next-line stylelint-plugin-mozilla/use-size-tokens */ 41 width: var(--splitview-opentabs-card-width); 42 /* stylelint-disable-next-line stylelint-plugin-mozilla/use-size-tokens */ 43 max-width: var(--splitview-opentabs-card-width); 44 }