forked from hbstack/blog
-
Notifications
You must be signed in to change notification settings - Fork 0
/
_sidebar.scss
39 lines (32 loc) · 863 Bytes
/
_sidebar.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
@if $hb-blog-sidebar {
.hb-blog-main-container {
@include media-breakpoint-up(lg) {
display: grid;
grid-gap: 1rem;
grid-template-areas: "sidebar main";
grid-template-columns: 2fr minmax(0, 5fr);
}
@include media-breakpoint-up(xl) {
grid-template-columns: 2fr minmax(0, 7fr);
}
}
.hb-blog-sidebar {
grid-area: sidebar;
&::-webkit-scrollbar {
width: 2px;
}
@include media-breakpoint-up(lg) {
height: calc(100vh - var(--#{$prefix}top-offset));
overflow: auto;
@include top-offset(sticky);
}
.hb-module {
&:last-child {
margin-bottom: 0 !important;
}
}
}
.hb-blog-main {
grid-area: main;
}
}