From 0efdd8fe0bc5d236efa43e5987fda80880f3c8ab Mon Sep 17 00:00:00 2001 From: Matthew Rhone Date: Sun, 8 Jan 2017 16:04:46 -0600 Subject: Deleted unused dest folder in postcss, made css minified. --- postcss/dest/style.min.css | 171 ------------------------ postcss/gulpfile.js | 2 +- static/css/style.min.css | 325 +-------------------------------------------- 3 files changed, 2 insertions(+), 496 deletions(-) delete mode 100644 postcss/dest/style.min.css diff --git a/postcss/dest/style.min.css b/postcss/dest/style.min.css deleted file mode 100644 index 0369262..0000000 --- a/postcss/dest/style.min.css +++ /dev/null @@ -1,171 +0,0 @@ -@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;color:#fff; - } -a:hover, .post-list-pagination{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% * 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: 0.5; - } -.header, .tags {color:#fff;font-weight:700;} -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% * 7/12 - (30px - 30px * 7/12)); - width: calc(99.9% * 7/12 - (30px - 30px * 7/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 { - flex-grow: 0; - flex-shrink: 0; - flex-basis: calc(99.9% * 1 - (30px - 30px * 1)); - width: calc(99.9% * 1 - (30px - 30px * 1)); -} -.content-full:nth-child(1n) { margin-right: 30px; margin-left: 0; -} -.content-full:last-child { margin-right: 0; -} -.content-full:nth-child(undefinedn) { margin-right: 0; margin-left: auto; -} -.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)); - text-align:center; -} -.pagination:nth-child(1n) { margin-right: 30px; margin-left: 0; -} -.pagination:last-child { margin-right: 0; -} -.pagination:nth-child(12n) { margin-right: 0; margin-left: auto; -} -.tags { - flex-grow: 0; - flex-shrink: 0; - flex-basis: calc(99.9% * 2/12 - (30px - 30px * 2/12)); - width: calc(99.9% * 2/12 - (30px - 30px * 2/12)); - border-left: 3px solid #808080; padding-left: 8px; margin-top: 4px; - font-size:small; -} -.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 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; font-size: calc(12px + 9 * ((100vw - 420px) / 860));} -@media screen and (min-width: 1280px) { - p { font-size: 21px; - } -} -@media screen and (max-width: 420px) { - p { font-size: 12px; - } -} -.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; -} diff --git a/postcss/gulpfile.js b/postcss/gulpfile.js index 9cae950..7aee6a3 100644 --- a/postcss/gulpfile.js +++ b/postcss/gulpfile.js @@ -14,7 +14,7 @@ var gulp = require('gulp'), gulp.task('css', function() { var processors = [ autoprefixer, - //cssnano, + cssnano, lost, rucksack, fontmagician, diff --git a/static/css/style.min.css b/static/css/style.min.css index b0af0eb..8e91573 100644 --- a/static/css/style.min.css +++ b/static/css/style.min.css @@ -1,324 +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; - color:#fff; -} -a:hover, .post-list-pagination{ - 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)); - 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(undefinedn), .navbar:nth-child(undefinedn) { - 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: 0.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 { - list-style: none; - margin-bottom: 0; - float: right; -} -.navbar-item { - position: relative; - float: left; - margin-bottom: 0; -} -.navbar-link { - text-transform: uppercase; - font-size: calc(12px + 4 * ((100vw - 420px) / 860)); - font-weight: 900; - letter-spacing: .2rem; - margin-right: 35px; - text-decoration: none; - color: #676767; -} -@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{ - flex-grow: 0; - flex-shrink: 0; - flex-basis: calc(99.9% * 1 - (30px - 30px * 1)); - width: calc(99.9% * 1 - (30px - 30px * 1)); - color: #676767; -} -.copyright:nth-child(1n) { - margin-right: 30px; - margin-left: 0; -} -.copyright:last-child { - margin-right: 0; -} -.copyright:nth-child(undefinedn) { - margin-right: 0; - margin-left: auto; -} -.copyright p, .tags a, .tags { - font-size: calc(12px + 3 * ((100vw - 420px) / 860));} -@media screen and (min-width: 1280px) { - .copyright p, .tags a, .tags { - font-size: 15px; - } -} -@media screen and (max-width: 420px) { - .copyright p, .tags a, .tags { - font-size: 12px; - } -} -.content-tags, .post-title { - flex-grow: 0; - flex-shrink: 0; - flex-basis: 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-tags:nth-child(0n), .post-title:nth-child(0n) { - margin-right: 0; - margin-left: auto; -} -.content-full { - flex-grow: 0; - flex-shrink: 0; - flex-basis: calc(99.9% * 1 - (30px - 30px * 1)); - width: calc(99.9% * 1 - (30px - 30px * 1)); -} -.content-full:nth-child(1n) { - margin-right: 30px; - margin-left: 0; -} -.content-full:last-child { - margin-right: 0; -} -.content-full:nth-child(undefinedn) { - margin-right: 0; - margin-left: auto; -} -.pagination{ - flex-grow: 0; - flex-shrink: 0; - flex-basis: calc(99.9% * 1 - (30px - 30px * 1)); - width: calc(99.9% * 1 - (30px - 30px * 1)); - text-align:center; - font-size: calc(16px + 3 * ((100vw - 420px) / 860)); -} -@media screen and (min-width: 1280px) { - .pagination { - font-size: 19px; - } -} -@media screen and (max-width: 420px) { - .pagination { - font-size: 16px; - } -} -.pagination:nth-child(1n) { - margin-right: 30px; - margin-left: 0; -} -.pagination:last-child { - margin-right: 0; -} -.pagination:nth-child(undefinedn) { - margin-right: 0; - margin-left: auto; -} -.tags { - flex-grow: 0; - flex-shrink: 0; - flex-basis: calc(99.9% * 2/12 - (30px - 30px * 2/12)); - width: calc(99.9% * 2/12 - (30px - 30px * 2/12)); - width: 100%; - border-left: 3px solid #808080; 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(0n) { - margin-right: 0; - margin-left: auto; -} -.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; - font-size: calc(16px + 5 * ((100vw - 420px) / 860)); -} -@media screen and (min-width: 1280px) { - p { - font-size: 21px; - } -} -@media screen and (max-width: 420px) { - p { - font-size: 16px; - } -} -.post-title-link { - font-weight: 700; - font-size: calc(30px + 6 * ((100vw - 420px) / 860));; - color: #676767; - 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; - } -} \ 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/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: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));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(undefinedn),.navbar:nth-child(undefinedn){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;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{list-style:none;margin-bottom:0;float:right}.navbar-item{position:relative;float:left;margin-bottom:0}.navbar-link{text-transform:uppercase;font-size:calc(12px + 4 * ((100vw - 420px) / 860));font-weight:900;letter-spacing:.2rem;margin-right:35px;text-decoration:none;color:#676767}@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{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 1 - (30px - 30px * 1));width:calc(99.9% * 1 - (30px - 30px * 1));color:#676767}.copyright:nth-child(1n){margin-right:30px;margin-left:0}.copyright:last-child{margin-right:0}.copyright:nth-child(undefinedn){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));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-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% * 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(undefinedn),.pagination:nth-child(undefinedn){margin-right:0;margin-left:auto}.pagination{text-align:center;font-size:calc(16px + 3 * ((100vw - 420px) / 860))}@media screen and (min-width: 1280px){.pagination{font-size:19px}}@media screen and (max-width: 420px){.pagination{font-size:16px}}.tags{flex-grow:0;flex-shrink:0;flex-basis:calc(99.9% * 2/12 - (30px - 30px * 2/12));width:calc(99.9% * 2/12 - (30px - 30px * 2/12));width:100%;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(0n){margin-right:0;margin-left:auto}.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;font-size:calc(16px + 5 * ((100vw - 420px) / 860))}@media screen and (min-width: 1280px){p{font-size:21px}}@media screen and (max-width: 420px){p{font-size:16px}}.post-title-link{font-weight:700;font-size:calc(30px + 6 * ((100vw - 420px) / 860));color:#676767;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}} \ No newline at end of file -- cgit v1.2.3