diff options
author | Matthew Rhone <matthew.rhone@outlook.com> | 2017-01-02 03:13:01 +0300 |
---|---|---|
committer | Matthew Rhone <matthew.rhone@outlook.com> | 2017-01-02 03:13:01 +0300 |
commit | 95e9153d0068a612be1a826f69d42e6b8fdf287c (patch) | |
tree | eeddc1f0e8d513fea96709811b76a46e4ea72723 | |
parent | e7e7f4a8b9b9db1be0230668d307768030c808fa (diff) |
Fixed pagination issues that stil persisted from new Hugo version. Added some new stylings, limited pagination to 5 items. Migrated from SASS/Susy to using PostCSS plugins and the Lost Grid framework.v0.2
-rw-r--r-- | .gitignore | 1 | ||||
-rw-r--r-- | layouts/_default/list.html | 2 | ||||
-rw-r--r-- | layouts/index.html | 2 | ||||
-rw-r--r-- | layouts/partials/header.html | 2 | ||||
-rw-r--r-- | layouts/partials/pagination.html | 8 | ||||
-rw-r--r-- | postcss/dest/style.min.css | 1 | ||||
-rw-r--r-- | postcss/gulpfile.js | 23 | ||||
-rw-r--r-- | postcss/src/style.min.css (renamed from style.scss) | 42 | ||||
-rw-r--r-- | readme.md | 2 | ||||
-rw-r--r-- | static/css/style.min.css | 2 | ||||
-rw-r--r-- | theme.toml | 4 |
11 files changed, 54 insertions, 35 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..89e1402 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +postcss/node_modules
\ No newline at end of file diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 8ffbc61..eb16c30 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,5 +1,5 @@ {{ partial "header.html" . }} -{{ range .Paginator.Pages }}{{ if eq .Type "post"}} +{{ range (.Paginator 5).Pages }}{{ if eq .Type "post"}} <div class="empty"> </div> <div class="post-title"> <a class="post-title-link" href="{{ .Permalink }}">{{ .Title }}</a> diff --git a/layouts/index.html b/layouts/index.html index 1e46f3f..3522783 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,6 +1,6 @@ {{ partial "header.html" . }} -{{ range (.Paginate (where .Data.Pages "Type" "post")).Pages }} +{{ range ((.Paginator 5) (where .Data.Pages "Type" "post")).Pages }} <div class="empty"> </div> <div class="post-title"> <a class="post-title-link" href="{{ .Permalink }}">{{ .Title }}</a> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index a6ebfd3..4b76175 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -9,7 +9,9 @@ {{ with .Site.Params.role }}<meta name="description" content="{{ . }}">{{ end }} <base href="{{ .Site.BaseURL }}"> <title>{{ .Title }}</title> + <!-- <link rel="stylesheet" href="{{ "/css/style.min.css" | relURL }}"> --> <link rel="stylesheet" href="{{ "/css/style.min.css" | relURL }}"> + </head> <body> <div class="wrap"> diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html index bde3966..2616e84 100644 --- a/layouts/partials/pagination.html +++ b/layouts/partials/pagination.html @@ -1,15 +1,15 @@ -{{ if .Paginator.HasNext }} +{{ if or ((.Paginator 5).HasNext) ((.Paginator 5).HasPrev) }} <div class="empty"> </div> <div class="pagination"> <nav role="pagination" class="post-list-pagination"> {{ if .Paginator.HasPrev }} - <a href="{{.Paginator.Prev.Url}}" class="post-list-pagination-item post-list-pagination-item-prev"> + <a href="{{ .Paginator.Prev.URL }}" class="post-list-pagination-item post-list-pagination-item-prev"> « </a> {{ end }} <span class="post-list-pagination-item post-list-pagination-item-current">Page {{.Paginator.PageNumber}} of {{.Paginator.TotalPages}}</span> - {{ if .Paginator.HasNext }} - <a href="{{.Paginator.Next.Url}}" class="post-list-pagination-item post-list-pagination-item-next"> + {{ if (.Paginator 5).HasNext }} + <a href="{{ .Paginator.Next.URL }}" class="post-list-pagination-item post-list-pagination-item-next"> » </a> {{ end }} diff --git a/postcss/dest/style.min.css b/postcss/dest/style.min.css new file mode 100644 index 0000000..2d9d934 --- /dev/null +++ b/postcss/dest/style.min.css @@ -0,0 +1 @@ +@font-face{font-family:Lora;font-style:italic;font-weight:400;src:local("Lora Italic"),local(Lora-Italic),url(https://fonts.gstatic.com/s/lora/v9/EJ2E0VlN4DLy-wT0t9nagw.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/wXeMvRh7Gui36p_I04Ex6g.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/wXeMvRh7Gui36p_I04Ex6g.woff) format("woff")}@font-face{font-family:Lora;font-style:italic;font-weight:700;src:local("Lora Bold Italic"),local(Lora-BoldItalic),url(https://fonts.gstatic.com/s/lora/v9/_IxjUs2lbQSu0MyFEAfa7fY6323mHUZFJMgTvxaG2iE.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/_IxjUs2lbQSu0MyFEAfa7T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/_IxjUs2lbQSu0MyFEAfa7T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:400;src:local(Lora),local(Lora-Regular),url(https://fonts.gstatic.com/s/lora/v9/rMDaOpSw-8ss9B8Y3bLqyA.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/5-AYViExptypIdFoLKAxTA.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/5-AYViExptypIdFoLKAxTA.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:700;src:local("Lora Bold"),local(Lora-Bold),url(https://fonts.gstatic.com/s/lora/v9/1HJZfNlOezBHPPwzRKlEcQ.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/XpaepWHcooQHSRnzoohUng.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/XpaepWHcooQHSRnzoohUng.woff) format("woff")}body{line-height:1.6;font-weight:400;font-family:Lora,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;background:#181818}.post-list-pagination,a:hover,body{color:#fff}a:hover{text-decoration:underline}.wrap{display:flex;flex-flow:row wrap;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}.wrap:before{content:'';display:table}.wrap:after{content:'';display:table;clear:both}h1,h2,h3,h4,h5,h6{color:#676767}.header,.navbar{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 12/12 - (30px - 30px * 12/12));width:calc(99.9% * 12/12 - (30px - 30px * 12/12))}.header:nth-child(1n),.navbar:nth-child(1n){margin-right:30px;margin-left:0}.header:last-child,.navbar:last-child{margin-right:0}.header:nth-child(12n),.navbar:nth-child(12n){margin-right:0;margin-left:auto}.header a{text-decoration:none;color:#fff;opacity:1;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}.header a.active{color:#585858}.header a:hover{opacity:.5}.header,.tags{color:#fff}.header,.tags,a.navbar-link,a.post-title-link{font-weight:700}code{color:#866c6c}a{color:#676767}.navbar-list{list-style:none;margin-bottom:0}.navbar-item{position:relative;float:left;margin-bottom:0}.navbar-link{text-transform:uppercase;font-size:14px;font-weight:900;letter-spacing:.2rem;margin-right:35px;text-decoration:none;color:#676767}.navbar-link.active{color:#585858}.navbar-link:hover{color:#aeaeae}.copyright{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 12/12 - (30px - 30px * 12/12));width:calc(99.9% * 12/12 - (30px - 30px * 12/12));font-size:small;color:#676767}.copyright:nth-child(1n){margin-right:30px;margin-left:0}.copyright:last-child{margin-right:0}.copyright:nth-child(12n){margin-right:0;margin-left:auto}.content-tags,.post-title{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 8/12 - (30px - 30px * 8/12));width:calc(99.9% * 8/12 - (30px - 30px * 8/12))}.content-tags:nth-child(1n),.post-title:nth-child(1n){margin-right:30px;margin-left:0}.content-tags:last-child,.post-title:last-child{margin-right:0}.content-tags:nth-child(0n),.post-title:nth-child(0n){margin-right:0;margin-left:auto}.content-full,.pagination{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 12/12 - (30px - 30px * 12/12));width:calc(99.9% * 12/12 - (30px - 30px * 12/12))}.content-full:nth-child(1n),.pagination:nth-child(1n){margin-right:30px;margin-left:0}.content-full:last-child,.pagination:last-child{margin-right:0}.content-full:nth-child(12n),.pagination:nth-child(12n){margin-right:0;margin-left:auto}.pagination{text-align:center}.tags{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 3/12 - (30px - 30px * 3/12));width:calc(99.9% * 3/12 - (30px - 30px * 3/12));border-left:3px solid gray;padding-left:8px;margin-top:4px}.tags:nth-child(1n){margin-right:30px;margin-left:0}.tags:last-child{margin-right:0}.tags:nth-child(12n){margin-right:0;margin-left:auto}.tags,.tags a{font-size:small}.pagination a,.tags a{color:#676767;text-decoration:none}.pagination a:hover,a.tag-link:hover{color:#aeaeae;text-decoration:underline}p{margin-top:5px}.empty{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 12/12 - (30px - 30px * 12/12));width:calc(99.9% * 12/12 - (30px - 30px * 12/12))}.empty:nth-child(1n){margin-right:30px;margin-left:0}.empty:last-child{margin-right:0}.empty:nth-child(12n){margin-right:0;margin-left:auto}.post-title-link{font-weight:700;font-size:30px;color:#676767;text-decoration:none}.post-title-link:hover{color:#aeaeae}
\ No newline at end of file diff --git a/postcss/gulpfile.js b/postcss/gulpfile.js new file mode 100644 index 0000000..2ce79fc --- /dev/null +++ b/postcss/gulpfile.js @@ -0,0 +1,23 @@ +// Gulp.js configuration +var gulp = require('gulp'), + watch = require('gulp-watch'), + postcss = require('gulp-postcss'); + +// apply PostCSS plugins +gulp.task('css', function() { + return gulp.src('src/style.min.css') + .pipe(postcss([ + require('autoprefixer')({}), + require('cssnano'), + require('lost'), + require('postcss-font-magician')({protocol: 'https:'}), + require('postcss-simple-vars') + ])) + .pipe(gulp.dest('dest')); +}); + +gulp.task('default', ['css']); + +gulp.task('watch', function() { + gulp.watch('src/main.css', ['css']) +}); diff --git a/style.scss b/postcss/src/style.min.css index 38d1acf..1bac9b3 100644 --- a/style.scss +++ b/postcss/src/style.min.css @@ -1,32 +1,25 @@ -@import "normalize"; -@import "compass"; -@import "susy"; -@import url(http://fonts.googleapis.com/css?family=Lora); - +@lost flexbox flex; +$codeTextColor: #866c6c; $linkHoverColor: #aeaeae; $linkActiveColor: #585858; $linkTextColor: #676767; $headerLinkTextColor: #fff; +$copyrightTextColor: #676767; $textColor:#fff; $headlineTextColor:#676767; -$susy: ( - columns: 12, - container: 1120px, - global-box-sizing: border-box - ); -@include border-box-sizing; body { line-height: 1.6; font-weight: 400; font-family: "Lora", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; background:#181818;color:$textColor; } -p, a:hover, .post-list-pagination{color:$textColor;} +a:hover, .post-list-pagination{color:$textColor;} a:hover{text-decoration: underline;} .wrap { - @include container; + lost-center: 1140px 30px flex; + lost-utility: clearfix; } h1,h2,h3,h4,h5,h6 {color: $headlineTextColor;} -.header, .navbar {@include span (12); } +.header, .navbar { lost-column: 12/12;} .header a{ text-decoration: none; color: $headerLinkTextColor; @@ -42,6 +35,8 @@ h1,h2,h3,h4,h5,h6 {color: $headlineTextColor;} } .header, .tags {color:#fff;font-weight:700;} a.navbar-link, a.post-title-link{font-weight:700;} +code {color: $codeTextColor;} +a {color: $linkTextColor;} .navbar-list { list-style: none; margin-bottom: 0; @@ -59,29 +54,26 @@ a.navbar-link, a.post-title-link{font-weight:700;} text-decoration: none; color: $linkTextColor; } .navbar-link.active { - color: $linkActiveColor; } + color: $linkActiveColor; } .navbar-link:hover { color: $linkHoverColor; } .copyright{ - @include span (12); - p{ font-size:small; color: #676767;} + lost-column: 12/12; + font-size:small; color: $copyrightTextColor; } .content-tags, .post-title { - @include span(8); - @media (max-width: 1119px) {padding-left: 10px;} + lost-column: 8/12 0; } .content-full { - @include span(12); - @media (max-width: 1119px) {padding-left: 10px;} + lost-column: 12/12; } .pagination{ - @include span(12); - @media (max-width: 1119px) {padding-left: 10px;} + lost-column: 12/12; text-align:center; } .tags { - @include span(4 last); + lost-column: 3/12; border-left: 3px solid #808080; padding-left: 8px; margin-top: 4px; font-size:small; } @@ -96,7 +88,7 @@ text-decoration: underline; } p { margin-top: 5px; } .empty { - @include span (12); + lost-column: 12/12; } .post-title-link { font-weight: 700; @@ -15,7 +15,7 @@ Dark Simplicity is a minimalist oriented theme with a dark color scheme for [Hug * disqus_shortname, put your shortname for your disqus account if you use it. ## Notable Features -* Utilizes Sass and Susy for Generating the CSS and Grid. Includes the original SASS files so you can make modifications using the variables for easily changing colors used. +* Utilizes PostCSS Plugins including Lost, Font Magician, and CSSNano for Generating the CSS and Grid. Includes the original gulp config and css files so you can make modifications using the variables for easily changing colors used. * Uses some Google fonts. * Minimalist look and feel. * Supports Google Analytics. diff --git a/static/css/style.min.css b/static/css/style.min.css index 52d8cb7..2d9d934 100644 --- a/static/css/style.min.css +++ b/static/css/style.min.css @@ -1 +1 @@ -/*! normalize.css v3.0.0 | MIT License | git.io/normalize *//*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */@import url(http://fonts.googleapis.com/css?family=Lora);article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */a{background:transparent}a:active,a:hover{outline:0}/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */img{border:0}svg:not(:root){overflow:hidden}/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{line-height:1.6;font-weight:400;font-family:"Lora", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;background:#181818;color:#fff}p,a:hover,.post-list-pagination{color:#fff}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin-left:auto;margin-right:auto}.wrap:after{content:" ";display:block;clear:both}h1,h2,h3,h4,h5,h6{color:#676767}.header,.navbar{width:100%;float:left;margin-left:0;margin-right:0}.header a{text-decoration:none;color:#fff;opacity:1;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}.header a.active{color:#585858}.header a:hover{opacity:0.5}.header,.tags{color:#fff;font-weight:700}a.navbar-link,a.post-title-link{font-weight:700}.navbar-list{list-style:none;margin-bottom:0}.navbar-item{position:relative;float:left;margin-bottom:0}.navbar-link{text-transform:uppercase;font-size:14px;font-weight:900;letter-spacing:.2rem;margin-right:35px;text-decoration:none;color:#676767}.navbar-link.active{color:#585858}.navbar-link:hover{color:#aeaeae}.copyright{width:100%;float:left;margin-left:0;margin-right:0}.copyright p{font-size:small;color:#676767}.content-tags,.post-title{width:66.10169%;float:left;margin-right:1.69492%}@media (max-width: 1119px){.content-tags,.post-title{padding-left:10px}}.content-full{width:100%;float:left;margin-left:0;margin-right:0}@media (max-width: 1119px){.content-full{padding-left:10px}}.pagination{width:100%;float:left;margin-left:0;margin-right:0;text-align:center}@media (max-width: 1119px){.pagination{padding-left:10px}}.tags{width:32.20339%;float:right;margin-right:0;border-left:3px solid #808080;padding-left:8px;margin-top:4px;font-size:small}.tags a{font-size:small}.tags a,.pagination a{color:#676767;text-decoration:none}a.tag-link:hover,.pagination a:hover{color:#aeaeae;text-decoration:underline}p{margin-top:5px}.empty{width:100%;float:left;margin-left:0;margin-right:0}.post-title-link{font-weight:700;font-size:30px;color:#676767;text-decoration:none}.post-title-link:hover{color:#aeaeae} +@font-face{font-family:Lora;font-style:italic;font-weight:400;src:local("Lora Italic"),local(Lora-Italic),url(https://fonts.gstatic.com/s/lora/v9/EJ2E0VlN4DLy-wT0t9nagw.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/wXeMvRh7Gui36p_I04Ex6g.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/wXeMvRh7Gui36p_I04Ex6g.woff) format("woff")}@font-face{font-family:Lora;font-style:italic;font-weight:700;src:local("Lora Bold Italic"),local(Lora-BoldItalic),url(https://fonts.gstatic.com/s/lora/v9/_IxjUs2lbQSu0MyFEAfa7fY6323mHUZFJMgTvxaG2iE.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/_IxjUs2lbQSu0MyFEAfa7T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/_IxjUs2lbQSu0MyFEAfa7T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:400;src:local(Lora),local(Lora-Regular),url(https://fonts.gstatic.com/s/lora/v9/rMDaOpSw-8ss9B8Y3bLqyA.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/5-AYViExptypIdFoLKAxTA.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/5-AYViExptypIdFoLKAxTA.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:700;src:local("Lora Bold"),local(Lora-Bold),url(https://fonts.gstatic.com/s/lora/v9/1HJZfNlOezBHPPwzRKlEcQ.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/XpaepWHcooQHSRnzoohUng.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/XpaepWHcooQHSRnzoohUng.woff) format("woff")}body{line-height:1.6;font-weight:400;font-family:Lora,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;background:#181818}.post-list-pagination,a:hover,body{color:#fff}a:hover{text-decoration:underline}.wrap{display:flex;flex-flow:row wrap;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}.wrap:before{content:'';display:table}.wrap:after{content:'';display:table;clear:both}h1,h2,h3,h4,h5,h6{color:#676767}.header,.navbar{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 12/12 - (30px - 30px * 12/12));width:calc(99.9% * 12/12 - (30px - 30px * 12/12))}.header:nth-child(1n),.navbar:nth-child(1n){margin-right:30px;margin-left:0}.header:last-child,.navbar:last-child{margin-right:0}.header:nth-child(12n),.navbar:nth-child(12n){margin-right:0;margin-left:auto}.header a{text-decoration:none;color:#fff;opacity:1;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}.header a.active{color:#585858}.header a:hover{opacity:.5}.header,.tags{color:#fff}.header,.tags,a.navbar-link,a.post-title-link{font-weight:700}code{color:#866c6c}a{color:#676767}.navbar-list{list-style:none;margin-bottom:0}.navbar-item{position:relative;float:left;margin-bottom:0}.navbar-link{text-transform:uppercase;font-size:14px;font-weight:900;letter-spacing:.2rem;margin-right:35px;text-decoration:none;color:#676767}.navbar-link.active{color:#585858}.navbar-link:hover{color:#aeaeae}.copyright{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 12/12 - (30px - 30px * 12/12));width:calc(99.9% * 12/12 - (30px - 30px * 12/12));font-size:small;color:#676767}.copyright:nth-child(1n){margin-right:30px;margin-left:0}.copyright:last-child{margin-right:0}.copyright:nth-child(12n){margin-right:0;margin-left:auto}.content-tags,.post-title{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 8/12 - (30px - 30px * 8/12));width:calc(99.9% * 8/12 - (30px - 30px * 8/12))}.content-tags:nth-child(1n),.post-title:nth-child(1n){margin-right:30px;margin-left:0}.content-tags:last-child,.post-title:last-child{margin-right:0}.content-tags:nth-child(0n),.post-title:nth-child(0n){margin-right:0;margin-left:auto}.content-full,.pagination{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 12/12 - (30px - 30px * 12/12));width:calc(99.9% * 12/12 - (30px - 30px * 12/12))}.content-full:nth-child(1n),.pagination:nth-child(1n){margin-right:30px;margin-left:0}.content-full:last-child,.pagination:last-child{margin-right:0}.content-full:nth-child(12n),.pagination:nth-child(12n){margin-right:0;margin-left:auto}.pagination{text-align:center}.tags{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 3/12 - (30px - 30px * 3/12));width:calc(99.9% * 3/12 - (30px - 30px * 3/12));border-left:3px solid gray;padding-left:8px;margin-top:4px}.tags:nth-child(1n){margin-right:30px;margin-left:0}.tags:last-child{margin-right:0}.tags:nth-child(12n){margin-right:0;margin-left:auto}.tags,.tags a{font-size:small}.pagination a,.tags a{color:#676767;text-decoration:none}.pagination a:hover,a.tag-link:hover{color:#aeaeae;text-decoration:underline}p{margin-top:5px}.empty{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 12/12 - (30px - 30px * 12/12));width:calc(99.9% * 12/12 - (30px - 30px * 12/12))}.empty:nth-child(1n){margin-right:30px;margin-left:0}.empty:last-child{margin-right:0}.empty:nth-child(12n){margin-right:0;margin-left:auto}.post-title-link{font-weight:700;font-size:30px;color:#676767;text-decoration:none}.post-title-link:hover{color:#aeaeae}
\ No newline at end of file @@ -1,6 +1,6 @@ author = "Matt Rhone" name = "darksimplicity" -description = "A Dark Minimalist Theme Built Using Sass/Susy for Hugo." +description = "A Dark Minimalist Theme for Hugo utilizing the Lost Grid Framework." license = "MIT" source_repo = "http://github.com/kritoke/darksimplicity" -tags = ["blog", "personal"] +tags = ["blog", "personal", "dark", "minimalist"] |