Adjust width of .sidebar to match .sidebar__right

- Use `$right-sidebar-width-narrow` and `$right-sidebar-width` Sass variables to determine width of sidebar instead of Susy `span` function
This commit is contained in:
Michael Rose 2017-08-09 08:30:32 -04:00
parent d59818981b
commit 192549ef25
4 changed files with 13 additions and 3 deletions

View file

@ -16,6 +16,7 @@
- Fix typo `words_per_minute` typo in documentation. [#1164](https://github.com/mmistakes/minimal-mistakes/pull/1164)
- Remove outside and right borders in `table`s.
- Adjust width of `.sidebar` to match `.sidebar__right`.
## [4.5.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.0)

View file

@ -15,7 +15,7 @@
@include breakpoint($large) {
float: left;
width: span(2 of 12);
width: calc(#{$right-sidebar-width-narrow} - 1em);
opacity: 0.75;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
@ -31,6 +31,10 @@
}
}
@include breakpoint($x-large) {
width: calc(#{$right-sidebar-width} - 1em);
}
h2, h3, h4, h5, h6 {
margin-bottom: 0;
font-family: $sans-serif-narrow;

View file

@ -4,7 +4,7 @@ permalink: /docs/history/
excerpt: "Change log of enhancements and bug fixes made to the theme."
sidebar:
nav: docs
last_modified_at: 2017-08-09T08:20:21-04:00
last_modified_at: 2017-08-09T08:30:18-04:00
---
## Unreleased
@ -25,6 +25,7 @@ last_modified_at: 2017-08-09T08:20:21-04:00
- Fix typo `words_per_minute` typo in documentation. [#1164](https://github.com/mmistakes/minimal-mistakes/pull/1164)
- Remove outside and right borders in `table`s.
- Adjust width of `.sidebar` to match `.sidebar__right`.
## [4.5.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.0)

View file

@ -15,7 +15,7 @@
@include breakpoint($large) {
float: left;
width: span(2 of 12);
width: calc(#{$right-sidebar-width-narrow} - 1em);
opacity: 0.75;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
@ -31,6 +31,10 @@
}
}
@include breakpoint($x-large) {
width: calc(#{$right-sidebar-width} - 1em);
}
h2, h3, h4, h5, h6 {
margin-bottom: 0;
font-family: $sans-serif-narrow;