diff --git a/_assets/css/_sidebar.scss b/_assets/css/_sidebar.scss index 9d8bb845..85f53c9b 100644 --- a/_assets/css/_sidebar.scss +++ b/_assets/css/_sidebar.scss @@ -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; - } -} \ No newline at end of file +// .author__name, +// .author__avatar, +// .author__bio, +// .author__social-url { +// max-width: 150px; +// } \ No newline at end of file