v5.3.2

fixes #895

assets/css/screen.css

@@ -438,11 +438,14 @@ body:not(.has-cover) .site-header-content:not(.left-aligned) {
 }
 
 @media (max-width: 991px) {
-    .gh-search {
-        position: fixed;
-        top: 16px;
-        left: 16px;
-        z-index: 10;
+    .gh-head-actions .gh-search {
+        display: none;
+    }
+}
+
+@media (min-width: 992px) {
+    .gh-head-brand .gh-search {
+        display: none;
     }
 }
 
@@ -1437,7 +1440,7 @@ iframe.instagram-media + script + :not([id]) {
 }
 
 /* Tables */
-.gh-content table {
+.gh-content table:not(.gist table) {
     display: inline-block;
     overflow-x: auto;
     max-width: 100%;
@@ -1448,9 +1451,6 @@ iframe.instagram-media + script + :not([id]) {
     font-size: 1.6rem;
     white-space: nowrap;
     vertical-align: top;
-}
-
-.gh-content table {
     -webkit-overflow-scrolling: touch;
     background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
     background-attachment: scroll, scroll;
@@ -1458,20 +1458,20 @@ iframe.instagram-media + script + :not([id]) {
     background-repeat: no-repeat;
 }
 
-.gh-content table td:first-child {
+.gh-content table:not(.gist table) td:first-child {
     background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
     background-size: 20px 100%;
     background-repeat: no-repeat;
 }
 
-.gh-content table td:last-child {
+.gh-content table:not(.gist table) td:last-child {
     background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
     background-position: 100% 0;
     background-size: 20px 100%;
     background-repeat: no-repeat;
 }
 
-.gh-content table th {
+.gh-content table:not(.gist table) th {
     color: var(--color-darkgrey);
     font-size: 1.2rem;
     font-weight: 700;
@@ -1481,8 +1481,8 @@ iframe.instagram-media + script + :not([id]) {
     background-color: color-mod(var(--color-wash) l(+4%));
 }
 
-.gh-content table th,
-.gh-content table td {
+.gh-content table:not(.gist table) th,
+.gh-content table:not(.gist table) td {
     padding: 6px 12px;
     border: color-mod(var(--color-wash) l(-1%) s(-5%)) 1px solid;
 }
@@ -2007,7 +2007,7 @@ html.dark-mode .gh-content :not(pre) > code {
     color: var(--color-wash);
 }
 
-html.dark-mode .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button) {
+:where(html.dark-mode) .gh-content a {
     color: #fff;
 }
 
@@ -2037,21 +2037,21 @@ html.dark-mode figcaption {
     color: rgba(255, 255, 255, 0.6);
 }
 
-html.dark-mode .gh-content table td:first-child {
+html.dark-mode .gh-content table:not(.gist table) td:first-child {
     background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
 }
 
-html.dark-mode .gh-content table td:last-child {
+html.dark-mode .gh-content table:not(.gist table) td:last-child {
     background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
 }
 
-html.dark-mode .gh-content table th {
+html.dark-mode .gh-content table:not(.gist table) th {
     color: rgba(255, 255, 255, 0.85);
     background-color: color-mod(var(--color-darkmode) l(+8%));
 }
 
-html.dark-mode .gh-content table th,
-html.dark-mode .gh-content table td {
+html.dark-mode .gh-content table:not(.gist table) th,
+html.dark-mode .gh-content table:not(.gist table) td {
     border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
 }
 
@@ -2187,7 +2187,7 @@ html.dark-mode .footer-cta-title {
         color: var(--color-wash);
     }
 
-    html.auto-color .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button) {
+    :where(html.auto-color) .gh-content a {
         color: #fff;
     }
 
@@ -2217,21 +2217,21 @@ html.dark-mode .footer-cta-title {
         color: rgba(255, 255, 255, 0.6);
     }
 
-    html.auto-color .gh-content table td:first-child {
+    html.auto-color .gh-content table:not(.gist table) td:first-child {
         background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
     }
 
-    html.auto-color .gh-content table td:last-child {
+    html.auto-color .gh-content table:not(.gist table) td:last-child {
         background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
     }
 
-    html.auto-color .gh-content table th {
+    html.auto-color .gh-content table:not(.gist table) th {
         color: rgba(255, 255, 255, 0.85);
         background-color: color-mod(var(--color-darkmode) l(+8%));
     }
 
-    html.auto-color .gh-content table th,
-    html.auto-color .gh-content table td {
+    html.auto-color .gh-content table:not(.gist table) th,
+    html.auto-color .gh-content table:not(.gist table) td {
         border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
     }
 

default.hbs

@@ -48,10 +48,10 @@
                 <button class="gh-search" data-ghost-search>{{> "icons/search"}}</button>
                 <div class="gh-social">
                     {{#if @site.facebook}}
-                        <a class="gh-social-link gh-social-facebook" href="{{facebook_url @site.facebook}}" title="Facebook" target="_blank" rel="noopener">{{> "icons/facebook"}}</a>
+                        <a class="gh-social-link gh-social-facebook" href="{{facebook_url @site.facebook}}" title="Facebook" target="_blank" rel="me noopener">{{> "icons/facebook"}}</a>
                     {{/if}}
                     {{#if @site.twitter}}
-                        <a class="gh-social-link gh-social-twitter" href="{{twitter_url @site.twitter}}" title="Twitter" target="_blank" rel="noopener">{{> "icons/twitter"}}</a>
+                        <a class="gh-social-link gh-social-twitter" href="{{twitter_url @site.twitter}}" title="Twitter" target="_blank" rel="me noopener">{{> "icons/twitter"}}</a>
                     {{/if}}
                 </div>
                 {{#if @site.members_enabled}}

package.json

@@ -2,7 +2,7 @@
     "name": "casper",
     "description": "A clean, minimal default theme for the Ghost publishing platform",
     "demo": "https://demo.ghost.io",
-    "version": "5.3.0",
+    "version": "5.3.2",
     "engines": {
         "ghost": ">=5.0.0"
     },