{{#if @labs.subscribers}}
{{else}}
diff --git a/src/js/app.js b/src/js/app.js
index 867f555..05443cb 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -95,7 +95,7 @@ $(document).ready(() => {
if (typeof ghostSearchApiKey !== 'undefined') {
getAllPosts(ghostHost, ghostSearchApiKey)
} else {
- $openSearch.remove()
+ $openSearch.css('visibility', 'hidden')
$closeSearch.remove()
$search.remove()
}
diff --git a/src/sass/app.scss b/src/sass/app.scss
index 6f52842..1b76ded 100644
--- a/src/sass/app.scss
+++ b/src/sass/app.scss
@@ -24,6 +24,7 @@
@import "components/header/header";
@import "components/header/mobile-topbar";
@import "components/header/logo";
+@import "components/header/site-name";
@import "components/header/nav";
@import "components/header/menu";
@import "components/header/submenu";
diff --git a/src/sass/components/header/_recent-article.scss b/src/sass/components/header/_recent-article.scss
index d381edd..5d491aa 100644
--- a/src/sass/components/header/_recent-article.scss
+++ b/src/sass/components/header/_recent-article.scss
@@ -35,9 +35,14 @@
background-repeat: no-repeat;
background-position: center;
background-size: cover;
+ background-color: $light-blue;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
@include transition(transform .5s cubic-bezier(0.165, 0.84, 0.44, 1));
+
+ &.no-image {
+ background-size: 64px 64px;
+ }
}
}
diff --git a/src/sass/components/header/_site-name.scss b/src/sass/components/header/_site-name.scss
new file mode 100644
index 0000000..1ae9409
--- /dev/null
+++ b/src/sass/components/header/_site-name.scss
@@ -0,0 +1,10 @@
+.m-site-name {
+ &.in-mobile-topbar {
+ color: $titles;
+ font-weight: 600;
+ }
+
+ &.in-desktop-menu {
+ font-weight: 700;
+ }
+}
diff --git a/src/sass/components/hero/_hero.scss b/src/sass/components/hero/_hero.scss
index 48993fb..1723fde 100644
--- a/src/sass/components/hero/_hero.scss
+++ b/src/sass/components/hero/_hero.scss
@@ -28,6 +28,10 @@
color: $white;
}
}
+
+ &.no-picture.in-post {
+ display: none;
+ }
}
.m-hero__picture {
diff --git a/src/sass/layouts/_wrapper.scss b/src/sass/layouts/_wrapper.scss
index 32c3a88..3ee82d1 100644
--- a/src/sass/layouts/_wrapper.scss
+++ b/src/sass/layouts/_wrapper.scss
@@ -28,6 +28,14 @@
@include respond-to('medium') {
max-width: 960px;
}
+
+ &.no-imageĀ {
+ padding-top: 40px;
+
+ @include respond-to('medium') {
+ padding-top: 80px;
+ }
+ }
}
&.in-comments {