/** * Blocksy - v1.8.37 * * Copyright (c) 2022 * Licensed GPLv2+ */ [data-sidebar] { display: grid; grid-template-columns: var(--grid-template-columns, 100%); grid-column-gap: var(--sidebar-gap, 4%); grid-row-gap: 50px; } [data-sidebar] > aside { order: var(--sidebar-order); } @media (min-width: 1000px) { [data-sidebar=right] { --grid-template-columns: minmax(100px, 1fr) var(--sidebar-width, 27%); } [data-sidebar=left] { --sidebar-order: -1; --grid-template-columns: var(--sidebar-width, 27%) minmax(100px, 1fr); } [data-sidebar=left] > section { grid-column: 2; } } [data-prefix] div[data-sidebar] > article { --has-wide: var(--false); --has-boxed-structure: var(--false); } .ct-sidebar { position: relative; z-index: 1; } .ct-sidebar .widget-title:not(:empty) { display: block; margin-bottom: 20px; } .ct-sidebar .ct-widget { color: var(--color); } .ct-sidebar .ct-widget:not(:last-child) { margin-bottom: var(--sidebar-widgets-spacing, 40px); } @media (min-width: 1000px) { .ct-sidebar[data-sticky=sidebar], .ct-sidebar .ct-sticky-widgets { position: sticky; top: calc(var(--sidebar-offset, 50px) + var(--admin-bar, 0px) + var(--frame-size, 0px) + var(--header-sticky-height, 0px) * var(--sticky-shrink, 100) / 100); } } @media (min-width: 1000px) { .ct-sidebar[data-sticky=widgets] { height: 100%; } } aside { position: relative; } aside[data-type=type-2] .ct-sidebar:not([data-widgets=separated]) { padding: var(--sidebar-inner-spacing, 35px); background: var(--sidebar-background-color, var(--paletteColor8)); border: var(--border); box-shadow: var(--box-shadow); border-radius: var(--borderRadius); } aside[data-type=type-2] .ct-sidebar[data-widgets=separated] .ct-widget { padding: var(--sidebar-inner-spacing, 35px); background: var(--sidebar-background-color, var(--paletteColor8)); border: var(--border); box-shadow: var(--box-shadow); border-radius: var(--borderRadius); } @media (max-width: 999.98px) { aside[data-type=type-4] .ct-sidebar { padding: var(--sidebar-inner-spacing, 35px); background: var(--sidebar-background-color, var(--paletteColor8)); } } @media (min-width: 1000px) { aside[data-type=type-3], aside[data-type=type-4] { position: relative; } aside[data-type=type-3]:after, aside[data-type=type-4]:after { position: absolute; content: ""; top: var(--sidebar-helper-top, 0); height: var(--sidebar-helper-height, 100%); } aside[data-type=type-3]:after { border-right: var(--border); } aside[data-type=type-4]:after { background: var(--sidebar-background-color, var(--paletteColor8)); width: calc((100% + (max(100vw - var(--frame-size, 0px) * 2 - var(--normal-container-max-width), 10vw) - var(--scrollbar-width, 0px)) / 2) * var(--has-scrollbar, 0)); } [data-sidebar=right] [data-type=type-3], [data-sidebar=right] [data-type=type-4] { padding-inline-start: var(--sidebar-inner-spacing, 35px); } [data-sidebar=right] [data-type=type-3]:after, [data-sidebar=right] [data-type=type-4]:after { left: 0; } [data-sidebar=left] [data-type=type-3], [data-sidebar=left] [data-type=type-4] { padding-inline-end: var(--sidebar-inner-spacing, 35px); } [data-sidebar=left] [data-type=type-3]:after, [data-sidebar=left] [data-type=type-4]:after { right: 0; } } @media (min-width: 1000px) { [data-vertical-spacing="top:bottom"] { --sidebar-helper-top: calc(var(--content-vertical-spacing) * -1); --sidebar-helper-height: calc(100% + var(--content-vertical-spacing) * 2); } [data-vertical-spacing=top] { --sidebar-helper-top: calc(var(--content-vertical-spacing) * -1); } [data-vertical-spacing=top], [data-vertical-spacing=bottom] { --sidebar-helper-height: calc(100% + var(--content-vertical-spacing)); } }