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%; + } } }