N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Hide sidebar on small screens

Browse source
This commit is contained in:
Michael Rose 2016-03-14 22:00:19 -04:00
parent f2b4b4ebc9
commit add794e05e
1 changed files with 18 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
_assets/css/_sidebar.scss
View file

@ -3,12 +3,10 @@
========================================================================== */
.sidebar {
@include grid(12,10);
@include prefix(12,1);
@include suffix(12,1);
margin-bottom: 1em;
display: none;
@include breakpoint($small) {
display: block;
margin-bottom: 1em;
@include grid(12,2);
@include prefix(12,0.5);
@include suffix(12,0.5);
@ -33,57 +31,38 @@
========================================================================== */
.author__name {
margin-bottom: 0;
margin-top: 10px;
margin-bottom: 10px;
font-family: $sans-serif-narrow;
font-size: 18px;
@include breakpoint($small) {
margin-top: 10px;
margin-bottom: 10px;
font-size: 24px;
}
font-size: 24px;
}
.author__bio {
display: none;
@include breakpoint($small) {
display: block;
margin-bottom: 20px;
font-size: 80%;
font-style: italic;
}
margin-bottom: 20px;
font-size: 80%;
font-style: italic;
}
.author__avatar {
display: none;
@include breakpoint($small) {
max-width: 110px;
border-radius: 50%;
}
max-width: 110px;
border-radius: 50%;
}
.author__social-url {
display: inline-block;
display: block;
margin-bottom: 5px;
padding-right: 5px;
font-size: 14px;
color: #000;
text-decoration: none;
@include breakpoint($small) {
display: block;
}
&:hover {
text-decoration: underline;
}
}
.author__name,
.author__avatar,
.author__bio,
.author__social-url {
@include breakpoint($small) {
display: block;
max-width: 125px;
}
@include breakpoint($large) {
max-width: 150px;
}
}
// .author__name,
// .author__avatar,
// .author__bio,
// .author__social-url {
// max-width: 150px;
// }