Bläddra i källkod

better spacing

Maggie 3 år sedan
förälder
incheckning
a7bb83f53a
2 ändrade filer med 13 tillägg och 4 borttagningar
  1. 8 2
      skatepark/assets/theme.css
  2. 5 2
      skatepark/sass/templates/_header.scss

+ 8 - 2
skatepark/assets/theme.css

@@ -610,7 +610,7 @@ header.wp-block-template-part .site-brand .wp-block-site-logo {
 
 @media (max-width: 599px) {
 	header.wp-block-template-part .site-brand .wp-block-site-logo {
-		margin-bottom: calc( 0.5 * var(--wp--custom--margin--vertical));
+		margin-bottom: calc( 0.75 * var(--wp--custom--margin--vertical));
 	}
 }
 
@@ -624,12 +624,18 @@ header.wp-block-template-part .site-brand .wp-block-site-tagline {
 	margin: 0;
 }
 
+@media (max-width: 599px) {
+	header.wp-block-template-part .site-brand .wp-block-site-tagline {
+		margin-bottom: calc( 0.25 * var(--wp--custom--margin--vertical));
+	}
+}
+
 @media (max-width: 599px) {
 	.nav-links {
 		display: contents;
 	}
 	.nav-links .wp-block-navigation__responsive-container-open {
-		margin-top: calc( 0.5 * var(--wp--custom--margin--vertical));
+		margin-top: calc( 0.5 * var(--wp--custom--margin--vertical) - 3px);
 	}
 	.nav-links .wp-block-navigation {
 		grid-area: menu;

+ 5 - 2
skatepark/sass/templates/_header.scss

@@ -57,7 +57,7 @@ header.wp-block-template-part {
 			max-width: 120px;
 			align-self: center;
 			@include break-small-only(){
-				margin-bottom: calc( 0.5 * var(--wp--custom--margin--vertical) );
+				margin-bottom: calc( 0.75 * var(--wp--custom--margin--vertical) );
 			}
 		}
 		.wp-block-site-title {
@@ -67,6 +67,9 @@ header.wp-block-template-part {
 		.wp-block-site-tagline {
 			grid-area: tagline;
 			margin: 0;
+			@include break-small-only(){
+				margin-bottom: calc( 0.25 * var(--wp--custom--margin--vertical) );
+			}
 		}
 	}
 }
@@ -75,7 +78,7 @@ header.wp-block-template-part {
 	.nav-links {
 		display: contents;
 		.wp-block-navigation__responsive-container-open {
-			margin-top: calc( 0.5 * var(--wp--custom--margin--vertical));
+			margin-top: calc( 0.5 * var(--wp--custom--margin--vertical) - 3px );
 		}
 		.wp-block-navigation {
 			grid-area: menu;