Bladeren bron

Shawburn: Fix margin when Homepage Title is hidden

Thomas Guillot 5 jaren geleden
bovenliggende
commit
ca1be1bbce
4 gewijzigde bestanden met toevoegingen van 57 en 26 verwijderingen
  1. 9 6
      shawburn/sass/_extra-child-theme.scss
  2. 12 0
      shawburn/style-editor.css
  3. 18 16
      shawburn/style-rtl.css
  4. 18 4
      shawburn/style.css

+ 9 - 6
shawburn/sass/_extra-child-theme.scss

@@ -6,13 +6,16 @@ $color_primary_hover: #{map-deep-get($config-global, "color", "primary", "hover"
  */
 body {
 	background: #{map-deep-get($config-global, "color", "foreground", "default")};
+}
+
+.home.hide-homepage-title {
+	.hentry .entry-content {
+		& > *:first-child {
+			&.alignfull {
+				margin-top: -#{0.666 * map-deep-get($config-global, "spacing", "vertical") + 2 * map-deep-get($config-global, "spacing", "unit")};
 
-	&.hide-homepage-title {
-		.site-main {
-			padding: 0;
-			article {
-				.entry-content {
-					margin-top: 0;
+				@include media(mobile) {
+					margin-top: -#{2.5 * map-deep-get($config-global, "spacing", "vertical")};
 				}
 			}
 		}

+ 12 - 0
shawburn/style-editor.css

@@ -783,14 +783,17 @@ table th,
 }
 
 .margin-right-none {
+	/*rtl:ignore*/
 	margin-right: 0 !important;
 }
 
 .margin-right-half {
+	/*rtl:ignore*/
 	margin-right: 16px !important;
 }
 
 .margin-right-default {
+	/*rtl:ignore*/
 	margin-right: 32px !important;
 }
 
@@ -807,14 +810,17 @@ table th,
 }
 
 .margin-left-none {
+	/*rtl:ignore*/
 	margin-left: 0 !important;
 }
 
 .margin-left-half {
+	/*rtl:ignore*/
 	margin-left: 16px !important;
 }
 
 .margin-left-default {
+	/*rtl:ignore*/
 	margin-left: 32px !important;
 }
 
@@ -834,14 +840,17 @@ table th,
 }
 
 .padding-right-none {
+	/*rtl:ignore*/
 	padding-right: 0 !important;
 }
 
 .padding-right-half {
+	/*rtl:ignore*/
 	padding-right: 16px !important;
 }
 
 .padding-right-default {
+	/*rtl:ignore*/
 	padding-right: 32px !important;
 }
 
@@ -858,14 +867,17 @@ table th,
 }
 
 .padding-left-none {
+	/*rtl:ignore*/
 	padding-left: 0 !important;
 }
 
 .padding-left-half {
+	/*rtl:ignore*/
 	padding-left: 16px !important;
 }
 
 .padding-left-default {
+	/*rtl:ignore*/
 	padding-left: 32px !important;
 }
 

+ 18 - 16
shawburn/style-rtl.css

@@ -2202,15 +2202,15 @@ table th,
 }
 
 .margin-right-none {
-	margin-left: 0 !important;
+	margin-right: 0 !important;
 }
 
 .margin-right-half {
-	margin-left: 16px !important;
+	margin-right: 16px !important;
 }
 
 .margin-right-default {
-	margin-left: 32px !important;
+	margin-right: 32px !important;
 }
 
 .margin-bottom-none {
@@ -2226,15 +2226,15 @@ table th,
 }
 
 .margin-left-none {
-	margin-right: 0 !important;
+	margin-left: 0 !important;
 }
 
 .margin-left-half {
-	margin-right: 16px !important;
+	margin-left: 16px !important;
 }
 
 .margin-left-default {
-	margin-right: 32px !important;
+	margin-left: 32px !important;
 }
 
 /*
@@ -2253,15 +2253,15 @@ table th,
 }
 
 .padding-right-none {
-	padding-left: 0 !important;
+	padding-right: 0 !important;
 }
 
 .padding-right-half {
-	padding-left: 16px !important;
+	padding-right: 16px !important;
 }
 
 .padding-right-default {
-	padding-left: 32px !important;
+	padding-right: 32px !important;
 }
 
 .padding-bottom-none {
@@ -2277,15 +2277,15 @@ table th,
 }
 
 .padding-left-none {
-	padding-right: 0 !important;
+	padding-left: 0 !important;
 }
 
 .padding-left-half {
-	padding-right: 16px !important;
+	padding-left: 16px !important;
 }
 
 .padding-left-default {
-	padding-right: 32px !important;
+	padding-left: 32px !important;
 }
 
 /**
@@ -3414,12 +3414,14 @@ body {
 	background: #444444;
 }
 
-body.hide-homepage-title .site-main {
-	padding: 0;
+.home.hide-homepage-title .hentry .entry-content > *:first-child.alignfull {
+	margin-top: -53.312px;
 }
 
-body.hide-homepage-title .site-main article .entry-content {
-	margin-top: 0;
+@media only screen and (min-width: 560px) {
+	.home.hide-homepage-title .hentry .entry-content > *:first-child.alignfull {
+		margin-top: -80px;
+	}
 }
 
 a {

+ 18 - 4
shawburn/style.css

@@ -2207,14 +2207,17 @@ table th,
 }
 
 .margin-right-none {
+	/*rtl:ignore*/
 	margin-right: 0 !important;
 }
 
 .margin-right-half {
+	/*rtl:ignore*/
 	margin-right: 16px !important;
 }
 
 .margin-right-default {
+	/*rtl:ignore*/
 	margin-right: 32px !important;
 }
 
@@ -2231,14 +2234,17 @@ table th,
 }
 
 .margin-left-none {
+	/*rtl:ignore*/
 	margin-left: 0 !important;
 }
 
 .margin-left-half {
+	/*rtl:ignore*/
 	margin-left: 16px !important;
 }
 
 .margin-left-default {
+	/*rtl:ignore*/
 	margin-left: 32px !important;
 }
 
@@ -2258,14 +2264,17 @@ table th,
 }
 
 .padding-right-none {
+	/*rtl:ignore*/
 	padding-right: 0 !important;
 }
 
 .padding-right-half {
+	/*rtl:ignore*/
 	padding-right: 16px !important;
 }
 
 .padding-right-default {
+	/*rtl:ignore*/
 	padding-right: 32px !important;
 }
 
@@ -2282,14 +2291,17 @@ table th,
 }
 
 .padding-left-none {
+	/*rtl:ignore*/
 	padding-left: 0 !important;
 }
 
 .padding-left-half {
+	/*rtl:ignore*/
 	padding-left: 16px !important;
 }
 
 .padding-left-default {
+	/*rtl:ignore*/
 	padding-left: 32px !important;
 }
 
@@ -3431,12 +3443,14 @@ body {
 	background: #444444;
 }
 
-body.hide-homepage-title .site-main {
-	padding: 0;
+.home.hide-homepage-title .hentry .entry-content > *:first-child.alignfull {
+	margin-top: -53.312px;
 }
 
-body.hide-homepage-title .site-main article .entry-content {
-	margin-top: 0;
+@media only screen and (min-width: 560px) {
+	.home.hide-homepage-title .hentry .entry-content > *:first-child.alignfull {
+		margin-top: -80px;
+	}
 }
 
 a {