소스 검색

Social menu and site logo adjustments.

Jeff Ong 4 년 전
부모
커밋
8bb05fecdc
4개의 변경된 파일44개의 추가작업 그리고 5개의 파일을 삭제
  1. 18 5
      spearhead/assets/sass/_header.scss
  2. 13 0
      spearhead/style-rtl.css
  3. 13 0
      spearhead/style.css
  4. 0 0
      spearhead/style.css.map

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

@@ -49,12 +49,21 @@ $site-branding-height: 68px;
 				text-shadow: none;
 				text-shadow: none;
 			}
 			}
 		}
 		}
+
+		.site-logo {
+			margin-left: 0;
+			margin-top: 0;
+		}
 	}
 	}
 
 
 	.primary-navigation {
 	.primary-navigation {
 		flex-grow: 4;
 		flex-grow: 4;
 		margin-top: 0;
 		margin-top: 0;
 
 
+		.primary-menu-container {
+			margin-bottom: calc( .5 * var(--global--spacing-vertical) );
+		}
+
 		@include media( laptop-only ){ // TODO - use $navigation-max-break-point variable
 		@include media( laptop-only ){ // TODO - use $navigation-max-break-point variable
 			.primary-menu-container {
 			.primary-menu-container {
 				.admin-bar & {
 				.admin-bar & {
@@ -130,12 +139,16 @@ $site-branding-height: 68px;
 			}
 			}
 		}
 		}
 
 
-		.menu-item > a {
-			padding: 0;
+		.menu-item {
+			width: auto;
 
 
-			&:hover {
-				border-color: var(--primary-nav--color-border);
-				color: var(--primary-nav--color-link-hover);
+			> a {
+				padding: 0;
+
+				&:hover {
+					border-color: var(--primary-nav--color-border);
+					color: var(--primary-nav--color-link-hover);
+				}
 			}
 			}
 		}
 		}
 	}
 	}

+ 13 - 0
spearhead/style-rtl.css

@@ -241,11 +241,20 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	text-shadow: none;
 	text-shadow: none;
 }
 }
 
 
+.site-header .site-branding .site-logo {
+	margin-right: 0;
+	margin-top: 0;
+}
+
 .site-header .primary-navigation {
 .site-header .primary-navigation {
 	flex-grow: 4;
 	flex-grow: 4;
 	margin-top: 0;
 	margin-top: 0;
 }
 }
 
 
+.site-header .primary-navigation .primary-menu-container {
+	margin-bottom: calc( .5 * var(--global--spacing-vertical));
+}
+
 @media only screen and (max-width: 829px) {
 @media only screen and (max-width: 829px) {
 	.admin-bar .site-header .primary-navigation .primary-menu-container {
 	.admin-bar .site-header .primary-navigation .primary-menu-container {
 		top: 114px;
 		top: 114px;
@@ -318,6 +327,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	}
 	}
 }
 }
 
 
+.site-header .social-navigation .menu-item {
+	width: auto;
+}
+
 .site-header .social-navigation .menu-item > a {
 .site-header .social-navigation .menu-item > a {
 	padding: 0;
 	padding: 0;
 }
 }

+ 13 - 0
spearhead/style.css

@@ -241,11 +241,20 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	text-shadow: none;
 	text-shadow: none;
 }
 }
 
 
+.site-header .site-branding .site-logo {
+	margin-left: 0;
+	margin-top: 0;
+}
+
 .site-header .primary-navigation {
 .site-header .primary-navigation {
 	flex-grow: 4;
 	flex-grow: 4;
 	margin-top: 0;
 	margin-top: 0;
 }
 }
 
 
+.site-header .primary-navigation .primary-menu-container {
+	margin-bottom: calc( .5 * var(--global--spacing-vertical));
+}
+
 @media only screen and (max-width: 829px) {
 @media only screen and (max-width: 829px) {
 	.admin-bar .site-header .primary-navigation .primary-menu-container {
 	.admin-bar .site-header .primary-navigation .primary-menu-container {
 		top: 114px;
 		top: 114px;
@@ -318,6 +327,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	}
 	}
 }
 }
 
 
+.site-header .social-navigation .menu-item {
+	width: auto;
+}
+
 .site-header .social-navigation .menu-item > a {
 .site-header .social-navigation .menu-item > a {
 	padding: 0;
 	padding: 0;
 }
 }

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
spearhead/style.css.map


이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.