aboutsummaryrefslogtreecommitdiff
path: root/sass/css
diff options
context:
space:
mode:
authorYaroslav de la Peña Smirnov <yps@yaroslavps.com>2021-03-27 18:02:21 +0300
committerYaroslav de la Peña Smirnov <yps@yaroslavps.com>2021-03-27 18:02:21 +0300
commitaf988f1885fe1e6841e56460aabf5b7c87858d8f (patch)
treee40e7eb2577cab16a7b053635376b6bfdc545eb4 /sass/css
parente8e80b9df7780e886d106f3e2747a5f64908fba0 (diff)
downloadyaroslavps.com-af988f1885fe1e6841e56460aabf5b7c87858d8f.tar.gz
yaroslavps.com-af988f1885fe1e6841e56460aabf5b7c87858d8f.zip
Cookbook improvements
CSS improvements and image size optimization.
Diffstat (limited to 'sass/css')
-rw-r--r--sass/css/yaroslavps.scss25
1 files changed, 24 insertions, 1 deletions
diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss
index e10d200..723d3a5 100644
--- a/sass/css/yaroslavps.scss
+++ b/sass/css/yaroslavps.scss
@@ -1,9 +1,14 @@
-@import "normalize";
@import "colors";
@import "fonts";
@import "newyear";
+* {
+ box-sizing: border-box;
+}
+
html, body {
+ margin: 0;
+ padding: 0;
width: 100%;
min-height: 100vh;
background-color: $bg1;
@@ -194,12 +199,30 @@ h2 > span.publish-date {
.post-container {
padding: 1em 2em;
+ overflow: auto;
+}
+
+.post-container.partial img {
+ float: left;
+ max-width: 50%;
+ padding-right: 1em;
+}
+
+.post-container.full img {
+ display: block;
+ margin: 0 auto;
+ max-width: 100%;
+ max-height: 40vh;
}
.post-container img {
max-width: 100%;
}
+.post-container.full img:nth-of-type(1) {
+ max-height: 60vh;
+}
+
.footnote-definition:first-of-type {
border-top: 1px solid $gray;
padding-top: 1em;