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

Clean up comments

Browse source
This commit is contained in:
Michael Rose 2015-01-21 09:32:22 -05:00
parent e916231560
commit 3688b97b3c
1 changed files with 50 additions and 73 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

123
_sass/page.scss
View file

@ -1,8 +1,17 @@
/* ==========================================================================
Page layout
========================================================================== */
body { body {
background-color: $bodycolor; background-color: $bodycolor;
font-family: $base-font; font-family: $base-font;
color: $text-color; color: $text-color;
} }
/*
Header
========================================================================== */
.navigation-wrapper { .navigation-wrapper {
@include container; @include container;
padding: 2em 0 1em; padding: 2em 0 1em;
@ -11,6 +20,8 @@ body {
text-transform: uppercase; text-transform: uppercase;
@include clearfix; @include clearfix;
} }
/* Site name */
.site-name { .site-name {
@include grid(12,10); @include grid(12,10);
@include prefix(12,1); @include prefix(12,1);
@ -30,6 +41,8 @@ body {
@include prefix(12,2); @include prefix(12,2);
} }
} }
/* Top navigation links */
.top-navigation { .top-navigation {
@include grid(12,10); @include grid(12,10);
@include prefix(12,1); @include prefix(12,1);
@ -79,7 +92,8 @@ body {
} }
} }
} }
// Navicon lines
/* Animated lines for mobile nav button */
$button-size: 1.5rem; $button-size: 1.5rem;
@mixin navicon-line() { @mixin navicon-line() {
display: inline-block; display: inline-block;
@ -201,6 +215,8 @@ $button-size: 1.5rem;
-ms-transition: max-height .4s; -ms-transition: max-height .4s;
transition: max-height .4s; transition: max-height .4s;
} }
/* Main content */
#main { #main {
counter-reset: captions; counter-reset: captions;
@include container; @include container;
@ -227,6 +243,8 @@ $button-size: 1.5rem;
} }
} }
} }
/* Index listing specific styling */
#index { #index {
@include container; @include container;
@include grid(12,10); @include grid(12,10);
@ -264,6 +282,8 @@ $button-size: 1.5rem;
} }
} }
} }
/* Large feature header image */
.image-wrap { .image-wrap {
position: relative; position: relative;
margin-bottom: 2em; margin-bottom: 2em;
@ -310,6 +330,8 @@ $button-size: 1.5rem;
} }
} }
} }
/* Post byline */
.byline { .byline {
clear: both; clear: both;
font-size: 80%; font-size: 80%;
@ -327,6 +349,8 @@ $button-size: 1.5rem;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
} }
} }
/* Default social media links in author sidebar */
.author-social { .author-social {
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
@ -345,6 +369,8 @@ $button-size: 1.5rem;
margin-right: 5px; margin-right: 5px;
} }
} }
/* Author sidebar */
.article-author-side { .article-author-side {
display: none; display: none;
.bio-photo { .bio-photo {
@ -386,6 +412,8 @@ $button-size: 1.5rem;
@include prefix(12,2); @include prefix(12,2);
} }
} }
/* Author module - mobile only */
.article-author-bottom { .article-author-bottom {
margin-bottom: 1em; margin-bottom: 1em;
@media #{$small} { @media #{$small} {
@ -410,6 +438,8 @@ $button-size: 1.5rem;
} }
} }
} }
/* Post content wrapper */
.article-wrap { .article-wrap {
// Dotted line underlines for links // Dotted line underlines for links
p > a, p > a,
@ -417,6 +447,8 @@ $button-size: 1.5rem;
text-decoration: underline; text-decoration: underline;
} }
} }
/* Table of contents */
.toc { .toc {
display: none; display: none;
font-size: 95%; font-size: 95%;
@ -474,6 +506,8 @@ $button-size: 1.5rem;
} }
} }
} }
/* TOC trigger for collapsing */
#drawer { #drawer {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
@ -481,6 +515,8 @@ $button-size: 1.5rem;
max-height: 0; max-height: 0;
} }
} }
/* Image grid - not used */
.image-grid { .image-grid {
@include clearfix; @include clearfix;
list-style: none; list-style: none;
@ -502,6 +538,8 @@ $button-size: 1.5rem;
} }
} }
} }
/* Recent grid - not used */
.recent-grid { .recent-grid {
@include clearfix; @include clearfix;
list-style: none; list-style: none;
@ -520,37 +558,8 @@ $button-size: 1.5rem;
margin-bottom: 1%; margin-bottom: 1%;
} }
} }
.holder {
font-family: $heading-font; /* Footer wrapper */
a {
cursor: pointer;
margin: 0 5px;
}
a.jp-previous {
margin-left: 0;
margin-right: 15px;
}
a.jp-next {
margin-left: 15px;
margin-right: 0;
}
a.jp-current {
font-weight: bold;
}
a.jp-disabled,
a.jp-disabled:hover {
}
a.jp-current,
a.jp-current:hover,
a.jp-disabled,
a.jp-disabled:hover {
cursor: default;
background: none;
}
span {
margin: 0 5px;
}
}
.footer-wrap { .footer-wrap {
@include container; @include container;
@include clearfix; @include clearfix;
@ -582,6 +591,8 @@ $button-size: 1.5rem;
} }
} }
} }
/* Related articles list */
.related-articles { .related-articles {
@include grid(12,10); @include grid(12,10);
@include prefix(12,1); @include prefix(12,1);
@ -606,46 +617,11 @@ $button-size: 1.5rem;
margin-bottom: 0; margin-bottom: 0;
} }
} }
.footer-icons {
li {
display: inline-block;
padding-right: 5px;
a {
color: lighten($basecolor, 40%);
@include transition(.4s linear);
&:hover {
text-decoration: none;
border-bottom: none;
.icon-twitter,
.icon-twitter-sign {
color: #2aa9df;
}
.icon-facebook,
.icon-facebook-sign {
color: #3a5a98;
}
.icon-instagram,
.icon-instagram-sign {
color: #306088;
}
.icon-google-plus,
.icon-google-plus-sign {
color: #b63324;
}
.icon-lastfm,
.icon-lastfm-sign {
color: #d80049;
}
.icon-github {
color: #4183c4;
}
}
}
}
}
// Browser Upgrade /*
// -------------------------------------------------- Browser upgrade alert
========================================================================== */
.browser-upgrade { .browser-upgrade {
background: #000; background: #000;
text-align: center; text-align: center;
@ -662,9 +638,10 @@ $button-size: 1.5rem;
} }
} }
} }
/*
Google search form
========================================================================== */
// Google Search
// --------------------------------------------------
#goog-fixurl { #goog-fixurl {
ul { ul {
list-style: none; list-style: none;