Skip to content

Commit 472c4f3

Browse files
authored
Sidebar .contrib Alignment fix (#178)
Resolves #175
2 parents 96461fd + e24840f commit 472c4f3

File tree

2 files changed

+18
-7
lines changed

2 files changed

+18
-7
lines changed

_sass/minimal-mistakes/minimal-mistakes/_sidebar.scss

+16-7
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,14 @@
7676
.sidebar__right {
7777
margin-bottom: 1em;
7878

79+
&.contrib {
80+
div {
81+
// .align-right turns this off at small sizes
82+
float: right;
83+
margin-left: 1em;
84+
}
85+
}
86+
7987
@include breakpoint($large) {
8088
position: absolute;
8189
top: 0;
@@ -100,13 +108,14 @@
100108
}
101109
}
102110

103-
&.contrib {
104-
top: calc(#{$masthead-sticky} * 2 * #{$nav-height});
105-
margin-bottom: -2em;
106-
padding-right: 2.5em;
107-
width: $right-sidebar-width-wide;
108-
z-index: 0;
109-
}
111+
&.contrib {
112+
z-index: 0;
113+
top: calc(#{$masthead-sticky} * 2 * #{$nav-height});
114+
margin-bottom: -2.5em;
115+
width: $right-sidebar-width-wide;
116+
margin-right: 0;
117+
margin-top: 0.5em;
118+
}
110119
}
111120

112121
@include breakpoint($x-large) {

_sass/minimal-mistakes/minimal-mistakes/_variables.scss

+2
Original file line numberDiff line numberDiff line change
@@ -189,10 +189,12 @@ $max-width: $x-large !default;
189189
Grid
190190
========================================================================== */
191191

192+
$right-sidebar-width-thin: 100px !default;
192193
$right-sidebar-width-narrow: 200px !default;
193194
$right-sidebar-width: 300px !default;
194195
$right-sidebar-width-wide: 400px !default;
195196

197+
$left-sidebar-width-thin: 100px !default;
196198
$left-sidebar-width-narrow: 200px !default;
197199
$left-sidebar-width: 400px !default;
198200
$left-sidebar-width-wide: 500px !default;

0 commit comments

Comments
 (0)