Added max width for default img css to make images responsive.v0.3.1.1

3 files changed, 6 insertions, 1 deletions

diff --git a/postcss/.gitignore b/postcss/.gitignore
new file mode 100644
index 0000000..b466248
--- /dev/null
+++ b/postcss/.gitignore
@@ -0,0 +1,2 @@
+*.json
+node_modules/*
\ No newline at end of file
diff --git a/postcss/src/style.min.css b/postcss/src/style.min.css
index ba7153c..d2aea72 100644
--- a/postcss/src/style.min.css
+++ b/postcss/src/style.min.css
@@ -134,4 +134,7 @@ article {
 }
 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 8e91573..f47a115 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/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
+@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