templates/@theme-base/pm-styles/_pm-context-bar.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

.context-bar {
	background: var(--bgcolor-context-bar, $pm-global-muted);

	@include respond-to($breakpoint-medium, 'min') {
		width: $context-bar-width;
		min-width: $context-bar-min-width;
		max-width: var(--width-context-bar, $context-bar-max-width);
		border-left: 1px solid var(--bordercolor-input, $pm-global-border);
	}

	@include respond-to($breakpoint-medium) {
		border-top: 1px solid var(--bordercolor-input, $pm-global-border);
	}

	&-inner {
		position: sticky;
		top: 0;
		padding: 2em;
	}
}