Pārlūkot izejas kodu

Redhill: Increase Site Header padding top

Thomas Guillot 6 gadi atpakaļ
vecāks
revīzija
24a164669f
3 mainītis faili ar 35 papildinājumiem un 12 dzēšanām
  1. 10 7
      redhill/sass/_extra-child-theme.scss
  2. 13 3
      redhill/style-rtl.css
  3. 12 2
      redhill/style.css

+ 10 - 7
redhill/sass/_extra-child-theme.scss

@@ -39,18 +39,21 @@ a {
 
 // Header
 #masthead {
+  padding-top: map-deep-get($config-global, "spacing", "vertical");
+
 	.custom-logo-link {
 		display: inline-block;
 		margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 	}
 
-	@include media(mobile) {
-		max-width: 92vw;
-		align-content: center;
-		align-items: center;
-		display: flex;
-		flex-flow: row wrap;
-	  justify-content: center;
+  @include media(mobile) {
+    align-content: center;
+    align-items: center;
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
+    max-width: 92vw;
+    padding-top: #{1.5 * map-deep-get($config-global, "spacing", "vertical")};
 
 		.site-branding {
 			flex: 1 100%;

+ 13 - 3
redhill/style-rtl.css

@@ -220,6 +220,10 @@ a {
 	width: 100%;
 }
 
+#masthead {
+	padding-top: 32px;
+}
+
 #masthead .custom-logo-link {
 	display: inline-block;
 	margin-bottom: 16px;
@@ -227,12 +231,13 @@ a {
 
 @media only screen and (min-width: 560px) {
 	#masthead {
-		max-width: 92vw;
 		align-content: center;
 		align-items: center;
 		display: flex;
 		flex-flow: row wrap;
 		justify-content: center;
+		max-width: 92vw;
+		padding-top: 48px;
 	}
 	#masthead .site-branding {
 		flex: 1 100%;
@@ -2426,7 +2431,7 @@ table th,
 .site-title {
 	color: #111111;
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-	font-size: 2.48832rem;
+	font-size: 2.98598rem;
 	letter-spacing: normal;
 	line-height: 1;
 }
@@ -3414,6 +3419,10 @@ a {
 	width: 100%;
 }
 
+#masthead {
+	padding-top: 32px;
+}
+
 #masthead .custom-logo-link {
 	display: inline-block;
 	margin-bottom: 16px;
@@ -3421,12 +3430,13 @@ a {
 
 @media only screen and (min-width: 560px) {
 	#masthead {
-		max-width: 92vw;
 		align-content: center;
 		align-items: center;
 		display: flex;
 		flex-flow: row wrap;
 		justify-content: center;
+		max-width: 92vw;
+		padding-top: 48px;
 	}
 	#masthead .site-branding {
 		flex: 1 100%;

+ 12 - 2
redhill/style.css

@@ -220,6 +220,10 @@ a {
 	width: 100%;
 }
 
+#masthead {
+	padding-top: 32px;
+}
+
 #masthead .custom-logo-link {
 	display: inline-block;
 	margin-bottom: 16px;
@@ -227,12 +231,13 @@ a {
 
 @media only screen and (min-width: 560px) {
 	#masthead {
-		max-width: 92vw;
 		align-content: center;
 		align-items: center;
 		display: flex;
 		flex-flow: row wrap;
 		justify-content: center;
+		max-width: 92vw;
+		padding-top: 48px;
 	}
 	#masthead .site-branding {
 		flex: 1 100%;
@@ -3419,6 +3424,10 @@ a {
 	width: 100%;
 }
 
+#masthead {
+	padding-top: 32px;
+}
+
 #masthead .custom-logo-link {
 	display: inline-block;
 	margin-bottom: 16px;
@@ -3426,12 +3435,13 @@ a {
 
 @media only screen and (min-width: 560px) {
 	#masthead {
-		max-width: 92vw;
 		align-content: center;
 		align-items: center;
 		display: flex;
 		flex-flow: row wrap;
 		justify-content: center;
+		max-width: 92vw;
+		padding-top: 48px;
 	}
 	#masthead .site-branding {
 		flex: 1 100%;