Closes #2029 with update to sidebar

rjzupkoii · rjzupkoii · commit 2765f55695ac · 2024-04-03T22:10:07.000-04:00
diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss
@@ -13,7 +13,7 @@
   @include clearfix();
   margin-bottom: 1em;
 
-  @media screen and (min-width: 1024px) {
+  @media screen and (min-width: $sidebar-min-width) {
     position: fixed;
     padding-top: $masthead-height;
   }
@@ -30,6 +30,7 @@
   }
 
   @include breakpoint($x-large) {
+    max-width: $sidebar-link-max-width;
     padding-right: 0;
   }
 
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -45,6 +45,12 @@ $type-size-8                : 0.625em;  // ~10px
 /* masthead properties */
 $masthead-height            : 50px;
 
+/* Sidebar properties */
+$sidebar-min-width          : 1024px;
+$sidebar-link-max-width     : 250px;
+
+
+
 /*
    Colors
    ========================================================================== */

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`@include clearfix();`
`14`	`14`	`margin-bottom: 1em;`
`15`	`15`
`16`		`- @media screen and (min-width: 1024px) {`
	`16`	`+ @media screen and (min-width: $sidebar-min-width) {`
`17`	`17`	`position: fixed;`
`18`	`18`	`padding-top: $masthead-height;`
`19`	`19`	`}`
`@@ -30,6 +30,7 @@`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`@include breakpoint($x-large) {`
	`33`	`+ max-width: $sidebar-link-max-width;`
`33`	`34`	`padding-right: 0;`
`34`	`35`	`}`
`35`	`36`