Переглянути джерело

Fix Dalston site description on mobile by applying a smaller font size.

Enej Bajgoric 4 роки тому
батько
коміт
5d69a4c635
3 змінених файлів з 12 додано та 4 видалено
  1. 4 0
      dalston/sass/_extra-child-theme.scss
  2. 4 2
      dalston/style-rtl.css
  3. 4 2
      dalston/style.css

+ 4 - 0
dalston/sass/_extra-child-theme.scss

@@ -335,5 +335,9 @@ a {
 				font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma;
 			}
 		}
+		.site-description.site-description {
+			font-size: map-deep-get($config-global, "font", "size", "root" );
+		}
 	}
+
 }

+ 4 - 2
dalston/style-rtl.css

@@ -4310,7 +4310,6 @@ a {
 		display: flex;
 		align-items: flex-start;
 		justify-content: end;
-		white-space: nowrap;
 	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle:checked + label {
@@ -4331,7 +4330,7 @@ a {
 	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
-		line-height: 1.5;
+		line-height: 1.55;
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
@@ -4390,4 +4389,7 @@ a {
 		/* This is fixed the issue when the button changes widths */
 		font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma;
 	}
+	.mobile-nav-side .site-description.site-description {
+		font-size: 19px;
+	}
 }

+ 4 - 2
dalston/style.css

@@ -4339,7 +4339,6 @@ a {
 		display: flex;
 		align-items: flex-start;
 		justify-content: end;
-		white-space: nowrap;
 	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle:checked + label {
@@ -4360,7 +4359,7 @@ a {
 	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
-		line-height: 1.5;
+		line-height: 1.55;
 		padding: 12px;
 		display: inline-block;
 		text-align: center;
@@ -4419,4 +4418,7 @@ a {
 		/* This is fixed the issue when the button changes widths */
 		font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma;
 	}
+	.mobile-nav-side .site-description.site-description {
+		font-size: 19px;
+	}
 }