From af988f1885fe1e6841e56460aabf5b7c87858d8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yaroslav=20de=20la=20Pe=C3=B1a=20Smirnov?=
 <yps@yaroslavps.com>
Date: Sat, 27 Mar 2021 18:02:21 +0300
Subject: Cookbook improvements

CSS improvements and image size optimization.
---
 sass/css/yaroslavps.scss | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

(limited to 'sass/css')

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;
-- 
cgit v1.2.3