diff --git a/sass/_zen.scss b/sass/_zen.scss
index 0f1b892..0168e4d 100644
--- a/sass/_zen.scss
+++ b/sass/_zen.scss
@@ -24,6 +24,7 @@ figcaption {
}
}
+article > header,
.footer {
@include type-layout(xs, 1);
@@ -50,7 +51,8 @@ article > header,
}
article,
-aside {
+aside,
+.blog-archive {
ul {
@extend %ul-straight-left;
}
@@ -60,29 +62,93 @@ aside {
}
}
+article {
+
+ & > header {
+ color: color('grey');
+
+ .title-submitted {
+ margin-bottom: 0;
+ }
+
+ p {
+ @include margin(.2 0);
+ }
+
+ }
+
+ pre,
+ .codeblock {
+ @include type-layout(xs, .72);
+ color: color(headings);
+ border-radius: 3px;
+ padding: 5px;
+ border: 1px solid color(border);
+ background-color: color(text-bg);
+ overflow: auto;
+ max-height: 250px;
+ max-width: 550px;
+ }
+
+ pre > code {
+ display: inline-block;
+ white-space: pre;
+ }
+
+ p > code {
+ @include type-layout(s, 1);
+ word-wrap: break-word;
+ }
+
+ .codeblock {
+ @include margin(.75 0);
+ white-space: nowrap;
+ }
+}
+
figure {
@include respond-to(s) {
display: table;
+ img {
+ display: block;
+ }
+
&.left {
- @include padding(.5 .5 0 0);
+ @include padding(0 .5 .5 0);
margin: 0;
float: left;
clear: both;
+ @include respond-to(s) {
+ @include padding(0 1 1 0);
+ }
+
figcaption {
@include padding(0 .5 .5 0);
+
+ @include respond-to(s) {
+ @include padding(0 1 1 0);
+ }
}
}
&.right {
- @include padding(.5 0 0 .5);
+ @include padding(0 0 .5 .5);
margin: 0;
float: right;
clear: both;
+ @include respond-to(s) {
+ @include padding(0 0 1 1);
+ }
+
figcaption {
@include padding(0 0 .5 .5);
+
+ @include respond-to(s) {
+ @include padding(0 0 1 1);
+ }
}
}
}
@@ -94,6 +160,7 @@ figcaption {
caption-side: bottom;
}
+ h4,
p {
margin: 0;
}
@@ -131,7 +198,6 @@ body {
&__region {
@include respond-to(s) {
float: right;
- width: 33%;
clear: none;
}
}
@@ -190,14 +256,10 @@ body {
.search-form {
@include padding-top(.5);
- text-align: center;
-
- @include respond-to(s) {
- text-align: left;
- }
}
.search-text {
+ @include type-layout(l, 1);
}
diff --git a/static/css/styles.css b/static/css/styles.css
index ed959a6..6c48003 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1 +1 @@
-/*! typey | GPLv2 License | https://github.com/jptaranto/typey */*{box-sizing:border-box}html{font-size:137.5%;line-height:1.40909em;font-family:"Garamond Premier Pro","Adobe Garamond",Garamond,Baskerville,"Times New Roman",serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;min-height:100%}@media print{html{font-size:12pt}}body{margin:0;padding:0;color:#000;background-color:#fff}@media (min-width:1111px){html{font-size:112.5%;line-height:1.38889em}}@media print and (min-width:1111px){html{font-size:12pt}}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{color:#000;-webkit-text-decoration-skip:objects}:visited{color:#000}a:active{color:#c00}a:active:not(.button){background-color:transparent}a:active,a:hover{outline-width:0}@media print{:link,:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")";font-weight:400;font-size:22px;text-decoration:none}a[href^='#']::after,a[href^='javascript:']::after{content:''}}.header__site-name,h1{font-size:1.27273rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h2{font-size:1.18182rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h3{font-size:1.09091rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h4{font-size:1rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h5{font-size:.81818rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h6{font-size:.72727rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}@media (min-width:666px){.header__site-name,h1{font-size:1.88889rem;line-height:2.81818rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h2{font-size:1.55556rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h3{font-size:1.22222rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h4{font-size:1rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h5{font-size:.88889rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h6{font-size:.77778rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}@media print{abbr[title]::after{content:" (" attr(title) ")"}}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp,var{font-family:Menlo,"Ubuntu Mono","DejaVu Sans Mono","Courier New",Courier,monospace,sans-serif;font-size:1em}dfn{font-style:italic}mark{background-color:#fd0;color:#000}small{font-size:.81818rem}sub,sup{font-size:.72727rem;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.divider,hr{margin:1.40909rem 0;border:0;border-top:1px solid #ccc}.divider>:first-child,hr>:first-child{margin-top:1.40909rem}blockquote{margin:1.40909rem 2rem}dl,menu,ol,ul{margin:1.40909rem 0}ol ol,ol ul,ul ol,ul ul{margin:0}dd{margin:0 0 0 44px}menu,ol,ul{padding:0 0 0 44px}figure{margin:1.40909rem 0}hr{box-sizing:content-box;height:0;overflow:visible}p,pre{margin:1.40909rem 0}img{border-style:none}img,svg{max-width:100%;height:auto}svg:not(:root){overflow:hidden}table{margin:1.40909rem 0;border-collapse:collapse;border-spacing:0;width:100%}td,th{padding:0}.layout-3col{margin-left:-10px;margin-right:-10px;padding-left:0;padding-right:0}.layout-3col:before{content:"";display:table}.layout-3col:after{content:"";display:table;clear:both}.layout-3col__col-1,.layout-3col__col-2,.layout-3col__col-3,.layout-3col__col-4,.layout-3col__col-x,.layout-3col__first-left-sidebar,.layout-3col__full,.layout-3col__left-content,.layout-3col__left-sidebar,.layout-3col__right-content,.layout-3col__right-sidebar,.layout-3col__second-left-sidebar{clear:both;padding-left:10px;padding-right:10px;float:left;width:100%;margin-left:0;margin-right:-100%}@media (min-width:777px){.layout-3col{margin-left:-20px;margin-right:-20px;padding-left:0;padding-right:0}.layout-3col:before{content:"";display:table}.layout-3col:after{content:"";display:table;clear:both}.layout-3col__full,.layout-3col__left-content,.layout-3col__left-sidebar,.layout-3col__right-content,.layout-3col__right-sidebar{float:left;width:100%;margin-left:0;margin-right:-100%;padding-left:20px;padding-right:20px}.layout-3col__col-1,.layout-3col__col-3,.layout-3col__col-x:nth-child(2n+1),.layout-3col__first-left-sidebar{float:left;width:50%;margin-left:0;margin-right:-100%;padding-left:20px;padding-right:20px}.layout-3col__col-2,.layout-3col__col-4,.layout-3col__col-x:nth-child(2n),.layout-3col__second-left-sidebar{clear:none;float:left;width:50%;margin-left:50%;margin-right:-100%;padding-left:20px;padding-right:20px}}@media (min-width:999px){.layout-3col__full{float:left;width:100%;margin-left:0;margin-right:-100%}.layout-3col__left-content{float:left;width:66.66667%;margin-left:0;margin-right:-100%}.layout-3col__right-content{float:left;width:66.66667%;margin-left:33.33333%;margin-right:-100%}.layout-3col__first-left-sidebar,.layout-3col__left-sidebar,.layout-3col__second-left-sidebar{clear:right;float:right;width:33.33333%;margin-right:66.66667%;margin-left:-100%}.layout-3col__right-sidebar{clear:right;float:right;width:33.33333%;margin-right:0;margin-left:-100%}.layout-3col__col-1,.layout-3col__col-x:nth-child(3n+1){clear:both;float:left;width:33.33333%;margin-left:0;margin-right:-100%}.layout-3col__col-2,.layout-3col__col-x:nth-child(3n+2){clear:none;float:left;width:33.33333%;margin-left:33.33333%;margin-right:-100%}.layout-3col__col-3,.layout-3col__col-x:nth-child(3n){clear:none;float:left;width:33.33333%;margin-left:66.66667%;margin-right:-100%}.layout-3col__col-4{display:none}}.layout-3col__grid-item-container{padding-left:0;padding-right:0}.layout-3col__grid-item-container:before{content:"";display:table}.layout-3col__grid-item-container:after{content:"";display:table;clear:both}.layout-center{padding-left:10px;padding-right:10px;margin:0 auto;max-width:1180px}@media (min-width:777px){.layout-center{padding-left:20px;padding-right:20px}}.layout-center--shared-grid,.layout-center.layout-3col{padding-left:0;padding-right:0}.layout-swap{position:relative}@media (min-width:555px){.layout-swap{padding-top:62px}}@media (min-width:555px){.layout-swap__top{position:absolute;top:0;height:62px;width:100%}}.box{margin-bottom:1.40909rem;border:5px solid #ccc;padding:1em}.box__title{margin:0}.box--is-focus,.box.is-focus,.box:focus,.box:hover{border-color:#000}.box--highlight{border-color:#000}.clearfix::before,.header::before{content:'';display:table}.clearfix::after,.header::after{content:'';display:table;clear:both}.header__logo{float:left;margin:0 10px 0 0;padding:0}.header__logo-image{vertical-align:bottom}.header__name-and-slogan{float:left}.header__site-name{margin:0}.header__site-link:link,.header__site-link:visited{color:#000;text-decoration:none}.header__site-link:focus,.header__site-link:hover{text-decoration:underline}.header__site-slogan{margin:0}.header__secondary-menu{float:right}.header__region{clear:both}.hidden,html.js .element-hidden,html.js .js-hidden,html.js .js-hide{display:none}.highlight-mark,.new,.update{color:#c00;background-color:transparent}.inline-links,.inline.links{padding:0}.inline-links__item,.inline.links li{display:inline;list-style-type:none;padding:0 1em 0 0}.field-label-inline .field-label,.inline-sibling,span.field-label{display:inline;margin-right:10px}.field-label-inline .field-label *,.inline-sibling *,.inline-sibling__child,span.field-label *{display:inline}.field-label-inline .field-label+*,.field-label-inline .field-label+*>:first-child,.field-label-inline .field-label+*>:first-child>:first-child,.inline-sibling+*,.inline-sibling+*>:first-child,.inline-sibling+*>:first-child>:first-child,.inline-sibling__adjacent,span.field-label+*,span.field-label+*>:first-child,span.field-label+*>:first-child>:first-child{display:inline}.field-label-inline .field-items,.field-label-inline .field-label{float:none}@media print{.action-links,.book-navigation,.feed-icons,.forum-topic-navigation,.links,.print-none,.toolbar,aside,footer,nav{display:none}}.media-vimeo-preview-wrapper,.media-youtube-video,.responsive-video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.media-vimeo-preview-wrapper iframe,.media-youtube-video iframe,.responsive-video iframe,.responsive-video__embed{position:absolute;top:0;left:0;width:100%;height:100%}.responsive-video--4-3{padding-bottom:75%}.breadcrumb__title,.element-focusable,.element-invisible,.main-navigation .block-menu .block__title,.main-navigation .block-menu-block .block__title,.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-wrap:normal}.element-focusable:active,.element-focusable:focus,.visually-hidden--focusable:active,.visually-hidden--focusable:focus,.visually-hidden--off{position:static!important;clip:auto;height:auto;width:auto;overflow:visible}.watermark{font-family:Impact,"Arial Narrow",Helvetica,sans-serif;font-weight:700;text-transform:uppercase;display:block;height:0;overflow:visible;background-color:transparent;color:#eee;font-size:75px;line-height:1;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.1);word-wrap:break-word}@media print{.breadcrumb{display:none}}.breadcrumb__list{margin:0;padding:0}.breadcrumb__item{display:inline;list-style-type:none;margin:0;padding:0}.more-help-link,.more-link{text-align:right}.more-help-link a,.more-link__help-icon{padding:1px 0 1px 20px;background-image:url(../sass/navigation/more-link/more-link__help-icon.svg);background-position:0 50%;background-repeat:no-repeat}.menu__item,.nav-menu__item{list-style-image:url(../sass/navigation/nav-menu/leaf.svg);list-style-type:square}.is-expanded.menu__item,.menu__item.is-expanded,.nav-menu__item--is-expanded,.nav-menu__item.is-expanded{list-style-image:url(../sass/navigation/nav-menu/expanded.svg);list-style-type:circle}.is-collapsed.menu__item,.menu__item.is-collapsed,.nav-menu__item--is-collapsed,.nav-menu__item.is-collapsed{list-style-image:url(../sass/navigation/nav-menu/collapsed.svg);list-style-type:disc}.menu a.active,.nav-menu__link--is-active,.nav-menu__link.is-active{color:#000}.main-navigation .links,.main-navigation .menu,.navbar{margin:0;padding:0;text-align:left}.main-navigation .links li,.main-navigation .menu li,.navbar li,.navbar__item{float:left;padding:0 10px 0 0;list-style-type:none;list-style-image:none}.pager{clear:both;padding:0;text-align:center}@media print{.pager{display:none}}.pager-current,.pager-ellipsis,.pager-first,.pager-item,.pager-last,.pager-next,.pager-previous,.pager__current-item,.pager__item{display:inline;padding:0 .5em;list-style-type:none;background-image:none}.pager-current,.pager__current-item{font-weight:700}.skip-link{display:block;padding:2px 0 3px;text-align:center}.skip-link:link,.skip-link:visited{background-color:#666;color:#fff}.skip-link__wrapper{margin:0}@media print{.skip-link__wrapper{display:none}}article ul,aside ul{list-style:none;padding-left:1rem;text-indent:-1rem}article ul>li::before,aside ul>li::before{font-size:.81818rem;padding-right:.70455rem;content:'\2022'}@media (min-width:1111px){article ul>li::before,aside ul>li::before{font-size:.88889rem}}article ol,aside ol{display:table;list-style:none;padding:0}article ol>li,aside ol>li{display:table-row;counter-increment:table-ol}article ol>li::before,aside ol>li::before{font-size:.81818rem;padding-right:.70455rem;display:table-cell;content:counter(table-ol) ".";text-align:right}@media (min-width:1111px){article ol>li::before,aside ol>li::before{font-size:.88889rem}}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em;cursor:pointer;margin:5px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);border-radius:4px;background-color:#333}.slicknav_menu{box-sizing:border-box;background-color:#333;padding:2px}.slicknav_menu::after,.slicknav_menu::before{content:' ';display:table}.slicknav_menu::after{clear:both}.slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_icon::before{background-color:transparent;width:1.125em;height:.875em;display:block;content:'';position:absolute}.slicknav_no-text{margin:0}.slicknav_icon-bar{display:block;width:1.125em;height:.125em;border-radius:1px;box-shadow:0 1px 0 rgba(0,0,0,.25);background-color:#fff}.slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{background-color:#fff;color:#000;margin:0;padding:0;list-style:none;overflow:hidden;clear:both}.slicknav_nav ul{display:block;list-style:none;overflow:hidden;padding:0;margin:0 0 0 20px}.slicknav_nav li{display:block}.slicknav_nav a{display:block;padding:5px 10px;margin:2px 5px;text-decoration:none;color:#000}.slicknav_nav a:hover{border-radius:6px;background-color:#333;color:#fff}.slicknav_row{display:block;padding:5px 10px;margin:2px 5px}.slicknav_row:hover{border-radius:6px;background-color:#333;color:#fff}.slicknav_arrow{margin:0 0 0 .4em}.slicknav_txtnode{margin-left:15px}.slicknav_item{cursor:pointer}.slicknav_item a{display:inline;padding:0;margin:0}.slicknav_parent-link a{display:inline;padding:0;margin:0}.slicknav_brand{float:left;color:#fff;line-height:30px;padding:7px 12px;height:44px}p,pre{margin:1.05682rem 0}figcaption,label,legend,th{font-size:.81818rem;line-height:1.40909rem}@media (min-width:1111px){figcaption,label,legend,th{font-size:.88889rem;line-height:1.40909rem}}.footer{font-size:.72727rem;line-height:1.40909rem}@media (min-width:1111px){.footer{font-size:.77778rem;line-height:1.40909rem}}.footer,.header,article>header,h1,h2,h3,label,legend,nav,th{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;color:#333;font-weight:400}@media (min-width:666px){figure{display:table}figure.left{padding:.70455rem .70455rem 0 0;margin:0;float:left;clear:both}figure.left figcaption{padding:0 .70455rem .70455rem 0}figure.right{padding:.70455rem 0 0 .70455rem;margin:0;float:right;clear:both}figure.right figcaption{padding:0 0 .70455rem .70455rem}}@media (min-width:666px){figcaption{display:table-caption;caption-side:bottom}}figcaption p{margin:0}body{background-color:#eee}.layout-center{background-color:#fff}.header{padding-top:10px}@media (min-width:777px){.header{padding-top:20px}}@media (min-width:666px){.header__logo{float:left}}@media (min-width:666px){.header__site-name{float:left}}@media (min-width:666px){.header__region{float:right;width:33%;clear:none}}.main-menu{margin-top:.70455rem;margin-bottom:.70455rem;outline:0}.main-menu li{margin-right:.70455rem;margin-bottom:.70455rem;padding:0}.main-menu a{display:block;background-color:#333;color:#fff;padding:2px 8px;text-decoration:none}.main-menu a:focus,.main-menu a:hover{background-color:#666}.main-menu a.active,.main-menu a:active{background-color:#333;text-decoration:underline}.menu a.active{text-decoration:none}.footer{margin-top:2.11364rem;padding:.70455rem 0;text-align:center;border-top:2px solid #333}.footer p{margin:0}.search-form{padding-top:.70455rem;text-align:center}@media (min-width:666px){.search-form{text-align:left}}@media print{.layout-center,body{background-color:#fff}.layout-swap{padding-top:0}[role=main]{width:100%}.layout-swap__top{border-bottom:0}:link,:visited{text-decoration:underline}a[href]::after{content:''}}
\ No newline at end of file
+/*! typey | GPLv2 License | https://github.com/jptaranto/typey */*{box-sizing:border-box}html{font-size:137.5%;line-height:1.40909em;font-family:"Garamond Premier Pro","Adobe Garamond",Garamond,Baskerville,"Times New Roman",serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;min-height:100%}@media print{html{font-size:12pt}}body{margin:0;padding:0;color:#000;background-color:#fff}@media (min-width:1111px){html{font-size:112.5%;line-height:1.38889em}}@media print and (min-width:1111px){html{font-size:12pt}}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{color:#000;-webkit-text-decoration-skip:objects}:visited{color:#000}a:active{color:#c00}a:active:not(.button){background-color:transparent}a:active,a:hover{outline-width:0}@media print{:link,:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")";font-weight:400;font-size:22px;text-decoration:none}a[href^='#']::after,a[href^='javascript:']::after{content:''}}.header__site-name,h1{font-size:1.27273rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h2{font-size:1.18182rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h3{font-size:1.09091rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h4{font-size:1rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h5{font-size:.81818rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h6{font-size:.72727rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}@media (min-width:666px){.header__site-name,h1{font-size:1.88889rem;line-height:2.81818rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h2{font-size:1.55556rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h3{font-size:1.22222rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h4{font-size:1rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h5{font-size:.88889rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h6{font-size:.77778rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}@media print{abbr[title]::after{content:" (" attr(title) ")"}}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp,var{font-family:Menlo,"Ubuntu Mono","DejaVu Sans Mono","Courier New",Courier,monospace,sans-serif;font-size:1em}dfn{font-style:italic}mark{background-color:#fd0;color:#000}small{font-size:.81818rem}sub,sup{font-size:.72727rem;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.divider,hr{margin:1.40909rem 0;border:0;border-top:1px solid #ccc}.divider>:first-child,hr>:first-child{margin-top:1.40909rem}blockquote{margin:1.40909rem 2rem}dl,menu,ol,ul{margin:1.40909rem 0}ol ol,ol ul,ul ol,ul ul{margin:0}dd{margin:0 0 0 44px}menu,ol,ul{padding:0 0 0 44px}figure{margin:1.40909rem 0}hr{box-sizing:content-box;height:0;overflow:visible}p,pre{margin:1.40909rem 0}img{border-style:none}img,svg{max-width:100%;height:auto}svg:not(:root){overflow:hidden}table{margin:1.40909rem 0;border-collapse:collapse;border-spacing:0;width:100%}td,th{padding:0}.layout-3col{margin-left:-10px;margin-right:-10px;padding-left:0;padding-right:0}.layout-3col:before{content:"";display:table}.layout-3col:after{content:"";display:table;clear:both}.layout-3col__col-1,.layout-3col__col-2,.layout-3col__col-3,.layout-3col__col-4,.layout-3col__col-x,.layout-3col__first-left-sidebar,.layout-3col__full,.layout-3col__left-content,.layout-3col__left-sidebar,.layout-3col__right-content,.layout-3col__right-sidebar,.layout-3col__second-left-sidebar{clear:both;padding-left:10px;padding-right:10px;float:left;width:100%;margin-left:0;margin-right:-100%}@media (min-width:777px){.layout-3col{margin-left:-20px;margin-right:-20px;padding-left:0;padding-right:0}.layout-3col:before{content:"";display:table}.layout-3col:after{content:"";display:table;clear:both}.layout-3col__full,.layout-3col__left-content,.layout-3col__left-sidebar,.layout-3col__right-content,.layout-3col__right-sidebar{float:left;width:100%;margin-left:0;margin-right:-100%;padding-left:20px;padding-right:20px}.layout-3col__col-1,.layout-3col__col-3,.layout-3col__col-x:nth-child(2n+1),.layout-3col__first-left-sidebar{float:left;width:50%;margin-left:0;margin-right:-100%;padding-left:20px;padding-right:20px}.layout-3col__col-2,.layout-3col__col-4,.layout-3col__col-x:nth-child(2n),.layout-3col__second-left-sidebar{clear:none;float:left;width:50%;margin-left:50%;margin-right:-100%;padding-left:20px;padding-right:20px}}@media (min-width:999px){.layout-3col__full{float:left;width:100%;margin-left:0;margin-right:-100%}.layout-3col__left-content{float:left;width:66.66667%;margin-left:0;margin-right:-100%}.layout-3col__right-content{float:left;width:66.66667%;margin-left:33.33333%;margin-right:-100%}.layout-3col__first-left-sidebar,.layout-3col__left-sidebar,.layout-3col__second-left-sidebar{clear:right;float:right;width:33.33333%;margin-right:66.66667%;margin-left:-100%}.layout-3col__right-sidebar{clear:right;float:right;width:33.33333%;margin-right:0;margin-left:-100%}.layout-3col__col-1,.layout-3col__col-x:nth-child(3n+1){clear:both;float:left;width:33.33333%;margin-left:0;margin-right:-100%}.layout-3col__col-2,.layout-3col__col-x:nth-child(3n+2){clear:none;float:left;width:33.33333%;margin-left:33.33333%;margin-right:-100%}.layout-3col__col-3,.layout-3col__col-x:nth-child(3n){clear:none;float:left;width:33.33333%;margin-left:66.66667%;margin-right:-100%}.layout-3col__col-4{display:none}}.layout-3col__grid-item-container{padding-left:0;padding-right:0}.layout-3col__grid-item-container:before{content:"";display:table}.layout-3col__grid-item-container:after{content:"";display:table;clear:both}.layout-center{padding-left:10px;padding-right:10px;margin:0 auto;max-width:1180px}.no-sidebars .layout-center{max-width:880px}@media (min-width:777px){.layout-center{padding-left:20px;padding-right:20px}}.layout-center--shared-grid,.layout-center.layout-3col{padding-left:0;padding-right:0}.layout-swap{position:relative}@media (min-width:555px){.layout-swap{padding-top:62px}}@media (min-width:555px){.layout-swap__top{position:absolute;top:0;height:62px;width:100%}}.box{margin-bottom:1.40909rem;border:5px solid #ccc;padding:1em}.box__title{margin:0}.box--is-focus,.box.is-focus,.box:focus,.box:hover{border-color:#000}.box--highlight{border-color:#000}.clearfix::before,.header::before{content:'';display:table}.clearfix::after,.header::after{content:'';display:table;clear:both}.header__logo{float:left;margin:0 10px 0 0;padding:0}.header__logo-image{vertical-align:bottom}.header__name-and-slogan{float:left}.header__site-name{margin:0}.header__site-link:link,.header__site-link:visited{color:#000;text-decoration:none}.header__site-link:focus,.header__site-link:hover{text-decoration:underline}.header__site-slogan{margin:0}.header__secondary-menu{float:right}.header__region{clear:both}.hidden,html.js .element-hidden,html.js .js-hidden,html.js .js-hide{display:none}.highlight-mark,.new,.update{color:#c00;background-color:transparent}.inline-links,.inline.links{padding:0}.inline-links__item,.inline.links li{display:inline;list-style-type:none;padding:0 1em 0 0}.field-label-inline .field-label,.inline-sibling,span.field-label{display:inline;margin-right:10px}.field-label-inline .field-label *,.inline-sibling *,.inline-sibling__child,span.field-label *{display:inline}.field-label-inline .field-label+*,.field-label-inline .field-label+*>:first-child,.field-label-inline .field-label+*>:first-child>:first-child,.inline-sibling+*,.inline-sibling+*>:first-child,.inline-sibling+*>:first-child>:first-child,.inline-sibling__adjacent,span.field-label+*,span.field-label+*>:first-child,span.field-label+*>:first-child>:first-child{display:inline}.field-label-inline .field-items,.field-label-inline .field-label{float:none}@media print{.action-links,.book-navigation,.feed-icons,.forum-topic-navigation,.links,.print-none,.toolbar,aside,footer,nav{display:none}}.media-vimeo-preview-wrapper,.media-youtube-video,.responsive-video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.media-vimeo-preview-wrapper iframe,.media-youtube-video iframe,.responsive-video iframe,.responsive-video__embed{position:absolute;top:0;left:0;width:100%;height:100%}.responsive-video--4-3{padding-bottom:75%}.breadcrumb__title,.element-focusable,.element-invisible,.main-navigation .block-menu .block__title,.main-navigation .block-menu-block .block__title,.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-wrap:normal}.element-focusable:active,.element-focusable:focus,.visually-hidden--focusable:active,.visually-hidden--focusable:focus,.visually-hidden--off{position:static!important;clip:auto;height:auto;width:auto;overflow:visible}.watermark{font-family:Impact,"Arial Narrow",Helvetica,sans-serif;font-weight:700;text-transform:uppercase;display:block;height:0;overflow:visible;background-color:transparent;color:#eee;font-size:75px;line-height:1;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.1);word-wrap:break-word}@media print{.breadcrumb{display:none}}.breadcrumb__list{margin:0;padding:0}.breadcrumb__item{display:inline;list-style-type:none;margin:0;padding:0}.more-help-link,.more-link{text-align:right}.more-help-link a,.more-link__help-icon{padding:1px 0 1px 20px;background-image:url(../sass/navigation/more-link/more-link__help-icon.svg);background-position:0 50%;background-repeat:no-repeat}.menu__item,.nav-menu__item{list-style-image:url(../sass/navigation/nav-menu/leaf.svg);list-style-type:square}.is-expanded.menu__item,.menu__item.is-expanded,.nav-menu__item--is-expanded,.nav-menu__item.is-expanded{list-style-image:url(../sass/navigation/nav-menu/expanded.svg);list-style-type:circle}.is-collapsed.menu__item,.menu__item.is-collapsed,.nav-menu__item--is-collapsed,.nav-menu__item.is-collapsed{list-style-image:url(../sass/navigation/nav-menu/collapsed.svg);list-style-type:disc}.menu a.active,.nav-menu__link--is-active,.nav-menu__link.is-active{color:#000}.main-navigation .links,.main-navigation .menu,.navbar{margin:0;padding:0;text-align:left}.main-navigation .links li,.main-navigation .menu li,.navbar li,.navbar__item{float:left;padding:0 10px 0 0;list-style-type:none;list-style-image:none}.pager{clear:both;padding:0;text-align:center}@media print{.pager{display:none}}.pager-current,.pager-ellipsis,.pager-first,.pager-item,.pager-last,.pager-next,.pager-previous,.pager__current-item,.pager__item{display:inline;padding:0 .5em;list-style-type:none;background-image:none}.pager-current,.pager__current-item{font-weight:700}.skip-link{display:block;padding:2px 0 3px;text-align:center}.skip-link:link,.skip-link:visited{background-color:#666;color:#fff}.skip-link__wrapper{margin:0}@media print{.skip-link__wrapper{display:none}}.blog-archive ul,article ul,aside ul{list-style:none;padding-left:1rem;text-indent:-1rem}.blog-archive ul>li::before,article ul>li::before,aside ul>li::before{font-size:.81818rem;padding-right:.70455rem;content:'\2022'}@media (min-width:1111px){.blog-archive ul>li::before,article ul>li::before,aside ul>li::before{font-size:.88889rem}}.blog-archive ol,article ol,aside ol{display:table;list-style:none;padding:0}.blog-archive ol>li,article ol>li,aside ol>li{display:table-row;counter-increment:table-ol}.blog-archive ol>li::before,article ol>li::before,aside ol>li::before{font-size:.81818rem;padding-right:.70455rem;display:table-cell;content:counter(table-ol) ".";text-align:right}@media (min-width:1111px){.blog-archive ol>li::before,article ol>li::before,aside ol>li::before{font-size:.88889rem}}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em;cursor:pointer;margin:5px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);border-radius:4px;background-color:#333}.slicknav_menu{box-sizing:border-box;background-color:#333;padding:2px}.slicknav_menu::after,.slicknav_menu::before{content:' ';display:table}.slicknav_menu::after{clear:both}.slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_icon::before{background-color:transparent;width:1.125em;height:.875em;display:block;content:'';position:absolute}.slicknav_no-text{margin:0}.slicknav_icon-bar{display:block;width:1.125em;height:.125em;border-radius:1px;box-shadow:0 1px 0 rgba(0,0,0,.25);background-color:#fff}.slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{background-color:#fff;color:#000;margin:0;padding:0;list-style:none;overflow:hidden;clear:both}.slicknav_nav ul{display:block;list-style:none;overflow:hidden;padding:0;margin:0 0 0 20px}.slicknav_nav li{display:block}.slicknav_nav a{display:block;padding:5px 10px;margin:2px 5px;text-decoration:none;color:#000}.slicknav_nav a:hover{border-radius:6px;background-color:#333;color:#fff}.slicknav_row{display:block;padding:5px 10px;margin:2px 5px}.slicknav_row:hover{border-radius:6px;background-color:#333;color:#fff}.slicknav_arrow{margin:0 0 0 .4em}.slicknav_txtnode{margin-left:15px}.slicknav_item{cursor:pointer}.slicknav_item a{display:inline;padding:0;margin:0}.slicknav_parent-link a{display:inline;padding:0;margin:0}.slicknav_brand{float:left;color:#fff;line-height:30px;padding:7px 12px;height:44px}p,pre{margin:1.05682rem 0}figcaption,label,legend,th{font-size:.81818rem;line-height:1.40909rem}@media (min-width:1111px){figcaption,label,legend,th{font-size:.88889rem;line-height:1.40909rem}}.footer,article>header{font-size:.72727rem;line-height:1.40909rem}@media (min-width:1111px){.footer,article>header{font-size:.77778rem;line-height:1.40909rem}}.footer,.header,article>header,h1,h2,h3,label,legend,nav,th{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;color:#333;font-weight:400}article>header{color:#999}article>header .title-submitted{margin-bottom:0}article>header p{margin:.28182rem 0}article .codeblock,article pre{font-size:.72727rem;line-height:1.01455rem;color:#333;border-radius:3px;padding:5px;border:1px solid #ccc;background-color:#fff;overflow:auto;max-height:250px;max-width:550px}article pre>code{display:inline-block;white-space:pre}article p>code{font-size:.81818rem;line-height:1.40909rem;word-wrap:break-word}article .codeblock{margin:1.05682rem 0;white-space:nowrap}@media (min-width:666px){figure{display:table}figure img{display:block}figure.left{padding:0 .70455rem .70455rem 0;margin:0;float:left;clear:both}}@media (min-width:666px) and (min-width:666px){figure.left{padding:0 1.40909rem 1.40909rem 0}}@media (min-width:666px){figure.left figcaption{padding:0 .70455rem .70455rem 0}}@media (min-width:666px) and (min-width:666px){figure.left figcaption{padding:0 1.40909rem 1.40909rem 0}}@media (min-width:666px){figure.right{padding:0 0 .70455rem .70455rem;margin:0;float:right;clear:both}}@media (min-width:666px) and (min-width:666px){figure.right{padding:0 0 1.40909rem 1.40909rem}}@media (min-width:666px){figure.right figcaption{padding:0 0 .70455rem .70455rem}}@media (min-width:666px) and (min-width:666px){figure.right figcaption{padding:0 0 1.40909rem 1.40909rem}}@media (min-width:666px){figcaption{display:table-caption;caption-side:bottom}}figcaption h4,figcaption p{margin:0}body{background-color:#eee}.layout-center{background-color:#fff}.header{padding-top:10px}@media (min-width:777px){.header{padding-top:20px}}@media (min-width:666px){.header__logo{float:left}}@media (min-width:666px){.header__site-name{float:left}}@media (min-width:666px){.header__region{float:right;clear:none}}.main-menu{margin-top:.70455rem;margin-bottom:.70455rem;outline:0}.main-menu li{margin-right:.70455rem;margin-bottom:.70455rem;padding:0}.main-menu a{display:block;background-color:#333;color:#fff;padding:2px 8px;text-decoration:none}.main-menu a:focus,.main-menu a:hover{background-color:#666}.main-menu a.active,.main-menu a:active{background-color:#333;text-decoration:underline}.menu a.active{text-decoration:none}.footer{margin-top:2.11364rem;padding:.70455rem 0;text-align:center;border-top:2px solid #333}.footer p{margin:0}.search-form{padding-top:.70455rem}.search-text{font-size:1.09091rem;line-height:1.40909rem}@media print{.layout-center,body{background-color:#fff}.layout-swap{padding-top:0}[role=main]{width:100%}.layout-swap__top{border-bottom:0}:link,:visited{text-decoration:underline}a[href]::after{content:''}}
\ No newline at end of file
diff --git a/styleguide/item-sass-variables-misc.html b/styleguide/item-sass-variables-misc.html
index 08cf0f2..86e7824 100644
--- a/styleguide/item-sass-variables-misc.html
+++ b/styleguide/item-sass-variables-misc.html
@@ -84,7 +84,7 @@
- Source: init/_variables.scss, line 199
+ Source: init/_variables.scss, line 203
diff --git a/styleguide/section-sass.html b/styleguide/section-sass.html
index ef572bb..fcc8643 100644
--- a/styleguide/section-sass.html
+++ b/styleguide/section-sass.html
@@ -522,7 +522,7 @@ remove Zen Grids and its layouts.
- Source: init/_variables.scss, line 199
+ Source: init/_variables.scss, line 203