File tree Expand file tree Collapse file tree 2 files changed +9
-7
lines changed Expand file tree Collapse file tree 2 files changed +9
-7
lines changed Original file line number Diff line number Diff line change 10
10
-webkit-transform : translate3d (0 , 0 , 0 );
11
11
transform : translate3d (0 , 0 , 0 );
12
12
13
-
14
-
15
-
16
13
@include clearfix ();
17
14
margin-bottom : 1em ;
18
15
19
-
20
-
21
- @media screen and (min-width : 925px ) {
16
+ @media screen and (min-width : $sidebar-min-width ) {
22
17
height : 100vh ;
23
- overflow-y : auto ; // Scroll sidebar content
18
+ overflow-y : auto ; // Add scrollbar if the sidebar is too long
24
19
position : fixed ;
25
20
padding-top : $masthead-height ;
26
21
}
37
32
}
38
33
39
34
@include breakpoint ($x-large ) {
35
+ max-width : $sidebar-link-max-width ;
40
36
padding-right : 0 ;
41
37
}
42
38
Original file line number Diff line number Diff line change @@ -45,6 +45,12 @@ $type-size-8 : 0.625em; // ~10px
45
45
/* masthead properties */
46
46
$masthead-height : 50px ;
47
47
48
+ /* Sidebar properties */
49
+ $sidebar-min-width : 1024px ;
50
+ $sidebar-link-max-width : 250px ;
51
+
52
+
53
+
48
54
/*
49
55
Colors
50
56
========================================================================== */
You can’t perform that action at this time.
0 commit comments