Cool-Y.github.io/themes/next/source/css/_common/outline/outline.styl

59 lines
1.1 KiB
Stylus
Raw Permalink Normal View History

2019-04-02 08:28:32 +00:00
//
// Layout
// Note: Must name this file "outline" instead of "layout"
// Or Hexo will use it as template layout.
// =================================================
html, body { height: 100%; }
.container {
position: relative;
min-height: 100%;
}
// Header Section
// --------------------------------------------------
.header-inner {
margin: 0 auto;
padding: 100px 0 70px;
width: $content-desktop;
+desktop-large() {
.container & { width: $content-desktop-large; }
}
}
// Main Section
// --------------------------------------------------
.main { padding-bottom: $footer-height + $gap-between-main-and-footer; }
.main-inner {
margin: 0 auto;
width: $content-desktop;
+desktop-large() {
.container & { width: $content-desktop-large; }
}
}
// Footer Section
// --------------------------------------------------
.footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: $footer-height;
}
.footer-inner {
box-sizing: border-box;
margin: 20px auto;
width: $content-desktop;
+desktop-large() {
.container & { width: $content-desktop-large; }
}
}