From 4e3a2e7aa40184b0530810de5d53453acefc08c3 Mon Sep 17 00:00:00 2001
From: Andrey Novikov <novikov@gmail.com>
Date: Fri, 17 Nov 2017 16:39:58 +0300
Subject: [PATCH] Halfsized images

---
 static/assets/css/main.css   |  8 +++++++-
 static/assets/sass/main.scss | 10 ++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/static/assets/css/main.css b/static/assets/css/main.css
index 77f55be..abb7ffd 100644
--- a/static/assets/css/main.css
+++ b/static/assets/css/main.css
@@ -1345,6 +1345,8 @@ article {
     article img.centered {
       margin: 0 auto;
       width: auto; }
+    article img.halfsize {
+      max-width: 50%; }
   article .highlight {
     padding: 5px;
     margin: 1em -5px; }
@@ -2084,7 +2086,9 @@ article > ol {
 
   /* Content */
   article img.featured {
-    max-height: 250px; } }
+    max-height: 250px; }
+  article img.halfsize {
+    max-width: 80%; } }
 /* Mobile */
 @media screen and (max-width: 736px) {
   /* Basic */
@@ -2186,6 +2190,8 @@ article > ol {
 
   article img.featured {
     max-height: 150px; }
+  article img.halfsize {
+    max-width: 90%; }
 
   /* Sidebar */
   #sidebar {
diff --git a/static/assets/sass/main.scss b/static/assets/sass/main.scss
index 728c52a..f9b82ec 100644
--- a/static/assets/sass/main.scss
+++ b/static/assets/sass/main.scss
@@ -246,6 +246,10 @@
                                 margin: 0 auto;
                                 width: auto;
                         }
+
+                        &.halfsize {
+                                max-width: 50%;
+                        }
                 }
 
 		.highlight {
@@ -1314,6 +1318,9 @@
 				    &.featured {
 					max-height: 250px;
 				    }
+				    &.halfsize {
+                              	    	max-width: 80%;
+				    }
 				}
 			}
         }
@@ -1472,6 +1479,9 @@
 				    &.featured {
 					max-height: 150px;
 				    }
+				    &.halfsize {
+                              	    	max-width: 90%;
+				    }
 				}
 			}