Explorar o código

cart buttons paddings

Maggie Cabrera %!s(int64=4) %!d(string=hai) anos
pai
achega
b4dcf603b1

+ 1 - 5
spearhead/assets/sass/_header.scss

@@ -171,7 +171,6 @@ $site-branding-height: 68px;
 		margin: 0;
 	}
 	.site-branding {
-		padding: calc( var(--global--spacing-horizontal) / 2 ) var(--global--spacing-horizontal);
 		align-self: flex-start;
 	}
 }
@@ -180,13 +179,10 @@ $site-branding-height: 68px;
 	display: none;
 }
 
-
 .site-header div.menu-button-container {
-	.menu-button-container {
-		padding: calc( var(--global--spacing-horizontal) / 2 );
-	}
 
 	button#primary-open-menu {
+		padding: var(--global--spacing-horizontal);
 		margin-top: 0;
 		margin-right: 0;
 		&:before {

+ 4 - 0
spearhead/assets/sass/navigation.scss

@@ -92,6 +92,10 @@ div.extra-navigation-wrapper {
 	left: unset;
 	top: unset;
 
+	.button#woo-open-menu {
+		margin-top: 0;
+	}
+
 	.admin-bar:not(.primary-navigation-open) & {
 		top: unset;
 	}

+ 21 - 12
spearhead/navigation-rtl.css

@@ -18,6 +18,7 @@
 	.menu-button-container {
 		display: block;
 		margin: 0;
+		width: auto;
 	}
 }
 
@@ -49,6 +50,10 @@
 	top: calc(var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height));
 }
 
+#site-navigation + .menu-button-container {
+	left: 0;
+}
+
 .menu-button-container .button,
 .primary-navigation .button,
 .woo-navigation .button {
@@ -139,12 +144,6 @@
 	overflow: hidden;
 }
 
-.primary-navigation-open .menu-button-container #primary-open-menu, .primary-navigation-open
-.primary-navigation #primary-open-menu, .primary-navigation-open
-.woo-navigation #primary-open-menu {
-	display: none;
-}
-
 .primary-navigation-open .menu-button-container #primary-close-menu, .primary-navigation-open
 .primary-navigation #primary-close-menu, .primary-navigation-open
 .woo-navigation #primary-close-menu {
@@ -154,12 +153,6 @@
 	margin-left: calc(0.25 * var(--global--spacing-unit));
 }
 
-.woo-navigation-open .menu-button-container #woo-open-menu, .woo-navigation-open
-.primary-navigation #woo-open-menu, .woo-navigation-open
-.woo-navigation #woo-open-menu {
-	display: none;
-}
-
 .woo-navigation-open .menu-button-container #woo-close-menu, .woo-navigation-open
 .primary-navigation #woo-close-menu, .woo-navigation-open
 .woo-navigation #woo-close-menu {
@@ -169,6 +162,18 @@
 	margin-left: calc(0.25 * var(--global--spacing-unit));
 }
 
+.woo-navigation-open .menu-button-container #primary-open-menu,
+.woo-navigation-open .menu-button-container #woo-open-menu,
+.primary-navigation-open .menu-button-container #primary-open-menu,
+.primary-navigation-open .menu-button-container #woo-open-menu {
+	display: none;
+}
+
+.woo-navigation-open .primary-navigation #primary-open-menu,
+.primary-navigation-open .primary-navigation #primary-open-menu {
+	display: none;
+}
+
 .primary-navigation,
 .woo-navigation {
 	position: absolute;
@@ -600,6 +605,10 @@
 	top: unset;
 }
 
+.menu-button-container .button#woo-open-menu {
+	margin-top: 0;
+}
+
 .admin-bar:not(.primary-navigation-open) .menu-button-container {
 	top: unset;
 }

+ 21 - 12
spearhead/navigation.css

@@ -18,6 +18,7 @@
 	.menu-button-container {
 		display: block;
 		margin: 0;
+		width: auto;
 	}
 }
 
@@ -49,6 +50,10 @@
 	top: calc(var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height));
 }
 
+#site-navigation + .menu-button-container {
+	right: 0;
+}
+
 .menu-button-container .button,
 .primary-navigation .button,
 .woo-navigation .button {
@@ -139,12 +144,6 @@
 	overflow: hidden;
 }
 
-.primary-navigation-open .menu-button-container #primary-open-menu, .primary-navigation-open
-.primary-navigation #primary-open-menu, .primary-navigation-open
-.woo-navigation #primary-open-menu {
-	display: none;
-}
-
 .primary-navigation-open .menu-button-container #primary-close-menu, .primary-navigation-open
 .primary-navigation #primary-close-menu, .primary-navigation-open
 .woo-navigation #primary-close-menu {
@@ -154,12 +153,6 @@
 	margin-right: calc(0.25 * var(--global--spacing-unit));
 }
 
-.woo-navigation-open .menu-button-container #woo-open-menu, .woo-navigation-open
-.primary-navigation #woo-open-menu, .woo-navigation-open
-.woo-navigation #woo-open-menu {
-	display: none;
-}
-
 .woo-navigation-open .menu-button-container #woo-close-menu, .woo-navigation-open
 .primary-navigation #woo-close-menu, .woo-navigation-open
 .woo-navigation #woo-close-menu {
@@ -169,6 +162,18 @@
 	margin-right: calc(0.25 * var(--global--spacing-unit));
 }
 
+.woo-navigation-open .menu-button-container #primary-open-menu,
+.woo-navigation-open .menu-button-container #woo-open-menu,
+.primary-navigation-open .menu-button-container #primary-open-menu,
+.primary-navigation-open .menu-button-container #woo-open-menu {
+	display: none;
+}
+
+.woo-navigation-open .primary-navigation #primary-open-menu,
+.primary-navigation-open .primary-navigation #primary-open-menu {
+	display: none;
+}
+
 .primary-navigation,
 .woo-navigation {
 	position: absolute;
@@ -600,6 +605,10 @@
 	top: unset;
 }
 
+.menu-button-container .button#woo-open-menu {
+	margin-top: 0;
+}
+
 .admin-bar:not(.primary-navigation-open) .menu-button-container {
 	top: unset;
 }

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 0 - 0
spearhead/navigation.css.map


+ 1 - 5
spearhead/style-rtl.css

@@ -380,7 +380,6 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .has-title-and-tagline .site-branding {
-	padding: calc( var(--global--spacing-horizontal) / 2) var(--global--spacing-horizontal);
 	align-self: flex-start;
 }
 
@@ -388,11 +387,8 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	display: none;
 }
 
-.site-header div.menu-button-container .menu-button-container {
-	padding: calc( var(--global--spacing-horizontal) / 2);
-}
-
 .site-header div.menu-button-container button#primary-open-menu {
+	padding: var(--global--spacing-horizontal);
 	margin-top: 0;
 	margin-left: 0;
 }

+ 1 - 5
spearhead/style.css

@@ -380,7 +380,6 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .has-title-and-tagline .site-branding {
-	padding: calc( var(--global--spacing-horizontal) / 2) var(--global--spacing-horizontal);
 	align-self: flex-start;
 }
 
@@ -388,11 +387,8 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	display: none;
 }
 
-.site-header div.menu-button-container .menu-button-container {
-	padding: calc( var(--global--spacing-horizontal) / 2);
-}
-
 .site-header div.menu-button-container button#primary-open-menu {
+	padding: var(--global--spacing-horizontal);
 	margin-top: 0;
 	margin-right: 0;
 }

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 0 - 0
spearhead/style.css.map


Algúns arquivos non se mostraron porque demasiados arquivos cambiaron neste cambio