diff options
author | Matthew <matthew.rhone@outlook.com> | 2018-08-18 22:05:36 +0300 |
---|---|---|
committer | Matthew <matthew.rhone@outlook.com> | 2018-08-18 22:05:36 +0300 |
commit | d8fec9a1f207aee682e8efe9bbd10916cf318252 (patch) | |
tree | aa20ea4b6d633252cb6e77e12ae249adfd6663ae | |
parent | 688b876261d27cfcfd1af165bbc59a28bdb5b5ca (diff) |
Removed lost grid, start reworking without grid, adding new HTML5 content, html cleanup.
-rw-r--r-- | README.md | 2 | ||||
-rw-r--r-- | config.toml | 2 | ||||
-rw-r--r-- | exampleSite/config.toml | 6 | ||||
-rw-r--r-- | exampleSite/content/about.md | 2 | ||||
-rw-r--r-- | layouts/_default/list.html | 23 | ||||
-rw-r--r-- | layouts/_default/single.html | 7 | ||||
-rw-r--r-- | layouts/index.html | 20 | ||||
-rw-r--r-- | layouts/partials/footer.html | 9 | ||||
-rw-r--r-- | layouts/partials/header.html | 26 | ||||
-rw-r--r-- | postcss/src/style.min.css | 63 | ||||
-rw-r--r-- | static/css/style.min.css | 2 |
11 files changed, 78 insertions, 84 deletions
@@ -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 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. +* Utilizes PostCSS Plugins including 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. * Uses Rusksack to generate responsive font sizes. * Minimalist look and feel. diff --git a/config.toml b/config.toml index 6b3983b..661c48c 100644 --- a/config.toml +++ b/config.toml @@ -10,7 +10,7 @@ builddrafts = false canonifyurls = true [params] -description = "A Dark Minimalist Theme for Hugo utilizing the Lost Grid Framework" +description = "A Dark Minimalist Theme for Hugo" copyright = "© Copyright 2017, 2018. Matt Rhone and Dark Simplicity." #google_analytics_id="" #disqus_shortname="" diff --git a/exampleSite/config.toml b/exampleSite/config.toml index b97cb6a..11008cb 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -2,7 +2,7 @@ languageCode = "en-us" title = "Dark Simplicity" baseurl = "http://example.org/" theme = "darksimplicity" -min_version = 0.18 +min_version = 0.46 contentdir = "content" layoutdir = "layouts" publishdir = "public" @@ -11,8 +11,8 @@ canonifyurls = true [params] -description = "A Dark Minimalist Theme for Hugo utilizing the Lost Grid Framework" -copyright = "© Copyright 2017. Matt Rhone and Dark Simplicity." +description = "A Dark Minimalist Theme for Hugo" +copyright = "© Copyright 2018. Matt Rhone and Dark Simplicity." #google_analytics_id="" #disqus_shortname="" diff --git a/exampleSite/content/about.md b/exampleSite/content/about.md index 01fbde4..3edd0ce 100644 --- a/exampleSite/content/about.md +++ b/exampleSite/content/about.md @@ -20,7 +20,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 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. +* Utilizes PostCSS Plugins including 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/layouts/_default/list.html b/layouts/_default/list.html index b285b02..793d303 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,11 +1,16 @@ {{ partial "header.html" . }} {{ $paginator := .Paginate ( where .Data.Pages "Type" "in" (or "posts" "post")) 5 }} -{{ range $paginator.Pages }}<div class="empty"> </div> - <div class="post-title"> - <a class="post-title-link" href="{{ .Permalink }}">{{ .Title }}</a> - </div>{{ if isset .Params "tags" }} - <div class="tags">tags:</br> - {{ range .Params.tags }}<a class="tag-link" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }} </a>{{ end }} - </div> - <div class="content-tags"><p>{{.Summary}}</p></div>{{ else }} - <div class="content-full"><p>{{.Summary}}</p></div> {{ end }}{{ end }}{{ partial "pagination.html" . }}{{ partial "footer.html" . }} +{{ range $paginator.Pages }} +<section> + <h3><a class="post-title-link" href="{{ .Permalink }}">{{ .Title }}</a></h3> + {{ if isset .Params "tags" }} + <div class="tags">tags: + {{ range .Params.tags }} + <a class="tag-link" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }} </a> + {{ end }} + </div> + {{ end }} + <div class="content"><p>{{.Summary}}</p></div> +</section> +{{ end }} + {{ partial "pagination.html" . }}{{ partial "footer.html" . }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 341cd94..cab14b0 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,9 +1,8 @@ {{ partial "header.html" . }} <article itemscope itemtype="http://schema.org/Blog"> - <div class="post-title"> - <a class="post-title-link" href="{{ .Permalink }}" itemprop="name">{{ .Title }}</a> - </div>{{ if isset .Params "tags" }} - <div class="tags">tags:</br> + <h3><a class="post-title-link" href="{{ .Permalink }}">{{ .Title }}</a></h3> + {{ if isset .Params "tags" }} + <div class="tags">tags: <span itemprop="keywords">{{ range .Params.tags }}<a class="tag-link" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" rel="tag">{{ . }} </a>{{ end }} </span> </div>{{ end }} diff --git a/layouts/index.html b/layouts/index.html index b7e619a..65959a0 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,15 +1,17 @@ {{ partial "header.html" . }} {{ $paginator := .Paginate ( where .Data.Pages "Type" "in" (or "posts" "post")) 5 }} {{ range $paginator.Pages }} - <div class="post-title"> - <a class="post-title-link" href="{{ .Permalink }}">{{ .Title }}</a> - </div> - {{ if isset .Params "tags" }} - <div class="tags">tags:</br> - {{ range .Params.tags }}<a class="tag-link" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" rel="tag">{{ . }} </a> - {{ end }}</div> - <div class="content-tags"><p>{{.Summary}}</p></div>{{ else }} - <div class="content-full"><p>{{.Summary}}</p></div> {{ end }} +<section> + <h3><a class="post-title-link" href="{{ .Permalink }}">{{ .Title }}</a></h3> + {{ if isset .Params "tags" }} + <div class="tags">tags: + {{ range .Params.tags }} + <a class="tag-link" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" rel="tag">{{ . }} </a> + {{ end }} + </div> {{ end }} + <div class="content"><p>{{.Summary}}</p></div> +</section> +{{ end }} {{ partial "pagination.html" . }} {{ partial "footer.html" . }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 7c9ce0d..2dbd76a 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,6 +1,7 @@ - <div class="copyright"><p>{{ with .Site.Copyright | safeHTML }}{{.}}{{ else }}© {{ now.Format "2006"}}. {{ .Site.Title }}. All rights reserved. {{end}} - </p> - </div> {{ partial "google_analytics.html" . }} -</div> + <footer> + <div class="copyright"><p>{{ with .Site.Copyright | safeHTML }}{{.}}{{ else }}© {{ now.Format "2006"}}. {{ .Site.Title }}. All rights reserved. {{end}} + </p> + </div> {{ partial "google_analytics.html" . }} + </footer> </body> </html> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 68ac3ad..4ed77f2 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -16,14 +16,18 @@ </head> <body> - <div class="wrap"> - <div class="navbar"> - <ul class="navbar-list"> - {{ range .Site.Menus.top }} - <li class="navbar-item"><a class="navbar-link" href="{{ .URL }}">{{ .Name }}</a></li>{{ end }} - </ul> - </div> - <div class="header"> - <a href="{{ .Site.BaseURL }}" class="title">{{ .Site.Title }}</a> - {{ if .Site.Params.description }}<span class="title-description"> | <i>{{ .Site.Params.description }}</i> </span>{{end}} - </div> + <header> + <nav> + <ul class="navbar-list"> + {{ range .Site.Menus.top }} + <li class="navbar-item"><a class="navbar-link" href="{{ .URL }}">{{ .Name }}</a></li>{{ end }} + </ul> + </nav> + <br /> + <h1><a href="{{ .Site.BaseURL }}" class="title">{{ .Site.Title }}</a> + {{ if .Site.Params.description }} + <span class="title-description"> | <i>{{ .Site.Params.description }}</i> + </span> + {{end}} + </h1> + </header> diff --git a/postcss/src/style.min.css b/postcss/src/style.min.css index d2aea72..b0e2301 100644 --- a/postcss/src/style.min.css +++ b/postcss/src/style.min.css @@ -1,4 +1,3 @@ -@lost flexbox flex; $codeTextColor: #866c6c; $linkHoverColor: #aeaeae; $linkActiveColor: #585858; @@ -8,28 +7,32 @@ $copyrightTextColor: #676767; $textColor:#fff; $headlineTextColor:#676767; body { - line-height: 1.6; + /* line-height: 1.6; */ font-weight: 400; font-family: "Lora", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; background:#181818; color:$textColor; } + a:hover, .post-list-pagination{ color:$textColor; } a:hover{ text-decoration: underline; } -.wrap { - lost-center: 80% flex; +p { + max-width: 38em; +} +code { + color: $codeTextColor; +} +a { + color: $linkTextColor; } h1,h2,h3,h4,h5,h6 { color: $headlineTextColor; } -.header, .navbar { - lost-column: 1; -} -.header a{ +header h1 a{ text-decoration: none; color: $headerLinkTextColor; opacity: 1; @@ -37,30 +40,26 @@ h1,h2,h3,h4,h5,h6 { -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out; } -.header a.active{ +header h1 a.active{ color: $linkActiveColor; } -.header a:hover{ +header h1 a:hover{ opacity: 0.5; } -.header, .tags { - color:#fff;font-weight:700; +header, .tags { + color:#fff; + font-weight:700; } -.header a.title { +header h1 a.title { font-size: responsive 34px 50px; } -.header span.title-description { +header h1 span.title-description { font-size: responsive 14px 18px; + color: $headlineTextColor; } a.navbar-link, a.post-title-link{ font-weight:700; } -code { - color: $codeTextColor; -} -a { - color: $linkTextColor; -} .navbar-list { list-style: none; margin-bottom: 0; @@ -73,7 +72,7 @@ a { } .navbar-link { text-transform: uppercase; - font-size: responsive 12px 16px; + font-size: responsive 30em 19em; font-weight: 900; letter-spacing: .2rem; margin-right: 35px; @@ -87,28 +86,15 @@ a { color: $linkHoverColor; } .copyright{ - lost-column: 1; color: $copyrightTextColor; } .copyright p, .tags a, .tags { - font-size: responsive 12px 15px;} -.content-tags, .post-title { - lost-column: 9/12 0 flex; - width: 100%; -} -.content-full { - lost-column: 1; + font-size: responsive 12px 15px; } .pagination{ - lost-column: 1; text-align:center; font-size: responsive 16px 19px; } -.tags { - lost-column: 2/12 0 flex; - width: 100%; - border-left: 3px solid #808080; padding-left: 8px; margin-top: 4px; -} .tags a, .pagination a{ color: $linkTextColor; text-decoration: none; @@ -129,12 +115,9 @@ p { margin-top: 5px; .post-title-link:hover { color: $linkHoverColor; } -article { - lost-center: 100% flex; -} -ul { +/* ul { font-size: responsive; -} +} */ body img { max-width: 100%; }
\ No newline at end of file diff --git a/static/css/style.min.css b/static/css/style.min.css index f47a115..7b543e0 100644 --- a/static/css/style.min.css +++ b/static/css/style.min.css @@ -1 +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/v12/0QIhMX1D_JOuMw_LIftP.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v12/0QIhMX1D_JOuMw_LIftL.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lora/v12/0QIhMX1D_JOuMw_LIftN.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/v12/0QIiMX1D_JOuMw_Dmt5emNGv.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v12/0QIiMX1D_JOuMw_Dmt5emNGr.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lora/v12/0QIiMX1D_JOuMw_Dmt5emNGt.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:400;src:local("Lora Regular"),local(Lora-Regular),url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7Jw.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7Iw.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7JQ.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/v12/0QIgMX1D_JOuO7HeNtxung.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v12/0QIgMX1D_JOuO7HeNtxumg.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lora/v12/0QIgMX1D_JOuO7HeNtxunA.woff) format("woff")}body{background:#181818;font-family:Lora,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6}.post-list-pagination,a:hover,body{color:#fff}a:hover{text-decoration:underline}.wrap{display:flex;flex-flow:row wrap;max-width:80%;margin-left:auto;margin-right:auto}h1,h2,h3,h4,h5,h6{color:#676767}.header,.navbar{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 1 - (30px - 30px * 1));max-width:calc(99.9% * 1 - (30px - 30px * 1));width:calc(99.9% * 1 - (30px - 30px * 1))}.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(NaNn),.navbar:nth-child(NaNn){margin-right:0;margin-left:auto}.header a{-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out;color:#fff;opacity:1;text-decoration:none;transition:opacity .55s ease-in-out}.header a.active{color:#585858}.header a:hover{opacity:.5}.header,.tags{color:#fff;font-weight:700}.header a.title{font-size:calc(34px + 16 * ((100vw - 420px) / 860))}@media screen and (min-width: 1280px){.header a.title{font-size:50px}}@media screen and (max-width: 420px){.header a.title{font-size:34px}}.header span.title-description{font-size:calc(14px + 4 * ((100vw - 420px) / 860))}@media screen and (min-width: 1280px){.header span.title-description{font-size:18px}}@media screen and (max-width: 420px){.header span.title-description{font-size:14px}}a.navbar-link,a.post-title-link{font-weight:700}code{color:#866c6c}a{color:#676767}.navbar-list{float:right;list-style:none;margin-bottom:0}.navbar-item{float:left;margin-bottom:0;position:relative}.navbar-link{color:#676767;font-size:calc(12px + 4 * ((100vw - 420px) / 860));font-weight:900;letter-spacing:.2rem;margin-right:35px;text-decoration:none;text-transform:uppercase}@media screen and (min-width: 1280px){.navbar-link{font-size:16px}}@media screen and (max-width: 420px){.navbar-link{font-size:12px}}.navbar-link.active{color:#585858}.navbar-link:hover{color:#aeaeae}.copyright{color:#676767;flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 1 - (30px - 30px * 1));max-width:calc(99.9% * 1 - (30px - 30px * 1));width:calc(99.9% * 1 - (30px - 30px * 1))}.copyright:nth-child(1n){margin-right:30px;margin-left:0}.copyright:last-child{margin-right:0}.copyright:nth-child(NaNn){margin-right:0;margin-left:auto}.copyright p,.tags,.tags a{font-size:calc(12px + 3 * ((100vw - 420px) / 860))}@media screen and (min-width: 1280px){.copyright p,.tags,.tags a{font-size:15px}}@media screen and (max-width: 420px){.copyright p,.tags,.tags a{font-size:12px}}.content-tags,.post-title{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 9/12 - (30px - 30px * 9/12));max-width:calc(99.9% * 9/12 - (30px - 30px * 9/12));width:calc(99.9% * 9/12 - (30px - 30px * 9/12));width:100%}.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-full,.pagination{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 1 - (30px - 30px * 1));max-width:calc(99.9% * 1 - (30px - 30px * 1));width:calc(99.9% * 1 - (30px - 30px * 1))}.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(NaNn),.pagination:nth-child(NaNn){margin-right:0;margin-left:auto}.pagination{font-size:calc(16px + 3 * ((100vw - 420px) / 860));text-align:center}@media screen and (min-width: 1280px){.pagination{font-size:19px}}@media screen and (max-width: 420px){.pagination{font-size:16px}}.tags{border-left:3px solid grey;flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 2/12 - (30px - 30px * 2/12));max-width:calc(99.9% * 2/12 - (30px - 30px * 2/12));width:calc(99.9% * 2/12 - (30px - 30px * 2/12));margin-top:4px;padding-left:8px;width:100%}.tags:nth-child(1n){margin-right:30px;margin-left:0}.tags:last-child{margin-right:0}.pagination a,.tags a{color:#676767;text-decoration:none}.pagination a:hover,a.tag-link:hover{color:#aeaeae;text-decoration:underline}p{font-size:calc(16px + 5 * ((100vw - 420px) / 860));margin-top:5px}@media screen and (min-width: 1280px){p{font-size:21px}}@media screen and (max-width: 420px){p{font-size:16px}}.post-title-link{color:#676767;font-size:calc(30px + 6 * ((100vw - 420px) / 860));font-weight:700;text-decoration:none}@media screen and (min-width: 1280px){.post-title-link{font-size:36px}}@media screen and (max-width: 420px){.post-title-link{font-size:30px}}.post-title-link:hover{color:#aeaeae}article{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}ul{font-size:calc(12px + 9 * ((100vw - 420px) / 860))}@media screen and (min-width: 1280px){ul{font-size:21px}}@media screen and (max-width: 420px){ul{font-size:12px}}body img{max-width:100%}
\ No newline at end of file +@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/v12/0QIhMX1D_JOuMw_LIftP.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v12/0QIhMX1D_JOuMw_LIftL.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lora/v12/0QIhMX1D_JOuMw_LIftN.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/v12/0QIiMX1D_JOuMw_Dmt5emNGv.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v12/0QIiMX1D_JOuMw_Dmt5emNGr.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lora/v12/0QIiMX1D_JOuMw_Dmt5emNGt.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:400;src:local("Lora Regular"),local(Lora-Regular),url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7Jw.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7Iw.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7JQ.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/v12/0QIgMX1D_JOuO7HeNtxung.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v12/0QIgMX1D_JOuO7HeNtxumg.woff2) format("woff2"),url(https://fonts.gstatic.com/s/lora/v12/0QIgMX1D_JOuO7HeNtxunA.woff) format("woff")}body{background:#181818;font-family:Lora,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.post-list-pagination,a:hover,body{color:#fff}a:hover{text-decoration:underline}p{max-width:38em}code{color:#866c6c}a{color:#676767}h1,h2,h3,h4,h5,h6{color:#676767}header h1 a{-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out;color:#fff;opacity:1;text-decoration:none;transition:opacity .55s ease-in-out}header h1 a.active{color:#585858}header h1 a:hover{opacity:.5}.tags,header{color:#fff;font-weight:700}header h1 a.title{font-size:calc(34px + 16 * ((100vw - 420px) / 860))}@media screen and (min-width: 1280px){header h1 a.title{font-size:50px}}@media screen and (max-width: 420px){header h1 a.title{font-size:34px}}header h1 span.title-description{color:#676767;font-size:calc(14px + 4 * ((100vw - 420px) / 860))}@media screen and (min-width: 1280px){header h1 span.title-description{font-size:18px}}@media screen and (max-width: 420px){header h1 span.title-description{font-size:14px}}a.navbar-link,a.post-title-link{font-weight:700}.navbar-list{float:right;list-style:none;margin-bottom:0}.navbar-item{float:left;margin-bottom:0;position:relative}.navbar-link{color:#676767;font-size:calc(30em + -11 * ((100vw - undefined) / NaN));font-weight:900;letter-spacing:.2rem;margin-right:35px;text-decoration:none;text-transform:uppercase}@media screen and (min-width: 1280px){.navbar-link{font-size:19em}}@media screen and (max-width: 420px){.navbar-link{font-size:30em}}.navbar-link.active{color:#585858}.navbar-link:hover{color:#aeaeae}.copyright{color:#676767}.copyright p,.tags,.tags a{font-size:calc(12px + 3 * ((100vw - 420px) / 860))}@media screen and (min-width: 1280px){.copyright p,.tags,.tags a{font-size:15px}}@media screen and (max-width: 420px){.copyright p,.tags,.tags a{font-size:12px}}.pagination{font-size:calc(16px + 3 * ((100vw - 420px) / 860));text-align:center}@media screen and (min-width: 1280px){.pagination{font-size:19px}}@media screen and (max-width: 420px){.pagination{font-size:16px}}.pagination a,.tags a{color:#676767;text-decoration:none}.pagination a:hover,a.tag-link:hover{color:#aeaeae;text-decoration:underline}p{font-size:calc(16px + 5 * ((100vw - 420px) / 860));margin-top:5px}@media screen and (min-width: 1280px){p{font-size:21px}}@media screen and (max-width: 420px){p{font-size:16px}}.post-title-link{color:#676767;font-size:calc(30px + 6 * ((100vw - 420px) / 860));font-weight:700;text-decoration:none}@media screen and (min-width: 1280px){.post-title-link{font-size:36px}}@media screen and (max-width: 420px){.post-title-link{font-size:30px}}.post-title-link:hover{color:#aeaeae}body img{max-width:100%}
\ No newline at end of file |