Reduced wrapper width slightly.

Reedyn · Sep 27, 2020 · c604f18 · c604f18
1 parent ced64f8
commit c604f18
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 27 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/assets/css/style.min.css b/assets/css/style.min.css
diff --git a/default.hbs b/default.hbs
@@ -10,7 +10,7 @@
     <link href="{{asset 'css/style.min.css'}}" rel="stylesheet" type="text/css">
     <link href="{{asset 'favicon.ico'}}" rel="shortcut icon">
     {{ghost_head}}
-    <meta name="theme" content="Saga v2.1.0-RC2">
+    <meta name="theme" content="Saga v2.1.0-RC4">
 </head>
 <body class="{{#is "index"}}index {{/is}}{{body_class}}">
     <a href="#main" class="skip-link">{{t "Skip to main content"}}</a>

diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
         "name": "Gustav Lindqvist",
         "email": "gustav@lindqvist.io"
     },
-    "version": "2.1.0-RC2",
+    "version": "2.1.0-RC4",
     "engines": {
         "ghost-api": "v3"
     },

diff --git a/sass/01.settings/sizes.scss b/sass/01.settings/sizes.scss
@@ -9,7 +9,7 @@ $padding--large: 4rem;
 $padding--inline-block: .3rem .6rem;
 $padding--block: .8rem 1.2rem;
 
-$wrapper-width: 80rem;
+$wrapper-width: 74rem;
 $gutter: $margin--medium;
 $header-height: 6rem;
 

diff --git a/sass/05.objects/header.scss b/sass/05.objects/header.scss
@@ -116,8 +116,8 @@
         }
 
         .hero-content {
-            width: calc(100% - 4rem);
-            max-width: $wrapper-width;
+            width: calc(100% - 2rem);
+            max-width: $wrapper-width - 2rem;
             margin: auto;
             color: $color--light-grey;
 

diff --git a/sass/06.components/content.card.embed.scss b/sass/06.components/content.card.embed.scss
@@ -1,7 +1,6 @@
 .kg-card.kg-embed-card {
     iframe {
         width: 100%;
-        height: auto;
     }
 
     &.responsive-video {

diff --git a/sass/06.components/content.media.scss b/sass/06.components/content.media.scss
@@ -2,7 +2,6 @@
     img {
         position: relative;
         display: block;
-        width: 100%;
         max-width: 100%;
         height: auto;
         margin: 0 auto;