浏览代码

Possible woo plugin css.

Enej Bajgoric 4 年之前
父节点
当前提交
c0fd83dab4
共有 3 个文件被更改,包括 58 次插入0 次删除
  1. 19 0
      alves/style-rtl.css
  2. 19 0
      alves/style.css
  3. 20 0
      varia/sass/components/header/_site-mobile-nav-side.scss

+ 19 - 0
alves/style-rtl.css

@@ -4475,13 +4475,22 @@ body:not(.fse-enabled) #masthead {
 		grid-row-end: 4;
 		grid-row-end: 4;
 		margin: 0;
 		margin: 0;
 		justify-self: end;
 		justify-self: end;
+		text-align: left;
 	}
 	}
+	.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 {
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		padding: 12px;
 		display: inline-block;
 		display: inline-block;
 		text-align: center;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.86806rem;
 		font-size: 0.86806rem;
 	}
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
 	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
 		margin-top: 8px;
 		margin-top: 8px;
 		position: absolute;
 		position: absolute;
@@ -4492,11 +4501,21 @@ body:not(.fse-enabled) #masthead {
 		padding: 0 16px 8px;
 		padding: 0 16px 8px;
 		border: 1px solid #3E7D98;
 		border: 1px solid #3E7D98;
 		border-radius: 4px;
 		border-radius: 4px;
+		text-align: right;
 	}
 	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
 	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
 		padding: 8px 0;
 		padding: 8px 0;
 		line-height: 1;
 		line-height: 1;
 	}
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: right;
+		position: absolute;
+		left: 16px;
+		right: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 4px;
+	}
 }
 }
 
 
 /**
 /**

+ 19 - 0
alves/style.css

@@ -4504,13 +4504,22 @@ body:not(.fse-enabled) #masthead {
 		grid-row-end: 4;
 		grid-row-end: 4;
 		margin: 0;
 		margin: 0;
 		justify-self: end;
 		justify-self: end;
+		text-align: right;
 	}
 	}
+	.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 {
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
 		padding: 12px;
 		padding: 12px;
 		display: inline-block;
 		display: inline-block;
 		text-align: center;
 		text-align: center;
+		justify-self: end;
 		font-size: 0.86806rem;
 		font-size: 0.86806rem;
 	}
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
+		margin-top: 8px;
+	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
+		margin-top: -2px;
+	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
 	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
 		margin-top: 8px;
 		margin-top: 8px;
 		position: absolute;
 		position: absolute;
@@ -4521,11 +4530,21 @@ body:not(.fse-enabled) #masthead {
 		padding: 0 16px 8px;
 		padding: 0 16px 8px;
 		border: 1px solid #3E7D98;
 		border: 1px solid #3E7D98;
 		border-radius: 4px;
 		border-radius: 4px;
+		text-align: left;
 	}
 	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
 	.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
 		padding: 8px 0;
 		padding: 8px 0;
 		line-height: 1;
 		line-height: 1;
 	}
 	}
+	.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
+		text-align: left;
+		position: absolute;
+		right: 16px;
+		left: 16px;
+		width: calc(100% - 32px);
+		margin-top: 48px;
+		border-radius: 4px;
+	}
 }
 }
 
 
 /**
 /**

+ 20 - 0
varia/sass/components/header/_site-mobile-nav-side.scss

@@ -34,13 +34,22 @@
 			grid-row-end: 4;
 			grid-row-end: 4;
 			margin: 0;
 			margin: 0;
 			justify-self: end;
 			justify-self: end;
+			text-align: right;
 
 
+			#toggle-cart[for="woocommerce-toggle"].button,
 			#toggle-menu {
 			#toggle-menu {
 				padding: (1.5 * $baseline-unit);
 				padding: (1.5 * $baseline-unit);
 				display: inline-block;
 				display: inline-block;
 				text-align: center;
 				text-align: center;
+				justify-self: end;
 				font-size: #{map-deep-get($config-global, "font", "size", "xs" )};
 				font-size: #{map-deep-get($config-global, "font", "size", "xs" )};
 			}
 			}
+			#toggle-cart[for="woocommerce-toggle"] {
+				margin-top: $baseline-unit;
+			}
+			#toggle-cart[for="woocommerce-toggle"].button svg {
+				margin-top: -2px;
+			}
 
 
 			.menu-main-menu-container {
 			.menu-main-menu-container {
 				margin-top: $baseline-unit;
 				margin-top: $baseline-unit;
@@ -52,6 +61,7 @@
 				padding: 0 (2 * $baseline-unit) $baseline-unit;
 				padding: 0 (2 * $baseline-unit) $baseline-unit;
 				border: 1px solid #{map-deep-get( $config-global,"color","border","default")};
 				border: 1px solid #{map-deep-get( $config-global,"color","border","default")};
 				border-radius: #{map-deep-get($config-global, "border-radius", "xs" )};
 				border-radius: #{map-deep-get($config-global, "border-radius", "xs" )};
+				text-align: left;
 			}
 			}
 
 
 			.menu-main-menu-container {
 			.menu-main-menu-container {
@@ -60,6 +70,16 @@
 					line-height: 1;
 					line-height: 1;
 				}
 				}
 			}
 			}
+
+			.woocommerce-menu-container {
+				text-align: left;
+				position: absolute;
+				right: 2 * $baseline-unit;
+				left: 2 * $baseline-unit;
+				width: calc(100% - 32px);
+				margin-top: 6 * $baseline-unit;
+				border-radius: #{map-deep-get($config-global, "border-radius", "xs" )};
+			}
 		}
 		}
 	}
 	}
 }
 }