浏览代码

Wrap only on laptop and below.

Jeff Ong 4 年之前
父节点
当前提交
219c7e1b66
共有 4 个文件被更改,包括 16 次插入3 次删除
  1. 4 1
      spearhead/assets/sass/_header.scss
  2. 6 1
      spearhead/style-rtl.css
  3. 6 1
      spearhead/style.css
  4. 0 0
      spearhead/style.css.map

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

@@ -26,10 +26,13 @@ $site-branding-height: 68px;
 
 .site-header {
 	display: flex;
-	flex-wrap: wrap;
 	justify-content: space-between;
 	max-width: var(--responsive--alignfull-width);
 
+	@include media( laptop-only ){
+		flex-wrap: wrap;
+	}
+
 	@include media( mobile-only ){
 		align-items: center;
 	}

+ 6 - 1
spearhead/style-rtl.css

@@ -155,11 +155,16 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 
 .site-header {
 	display: flex;
-	flex-wrap: wrap;
 	justify-content: space-between;
 	max-width: var(--responsive--alignfull-width);
 }
 
+@media only screen and (max-width: 829px) {
+	.site-header {
+		flex-wrap: wrap;
+	}
+}
+
 @media only screen and (max-width: 481px) {
 	.site-header {
 		align-items: center;

+ 6 - 1
spearhead/style.css

@@ -155,11 +155,16 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 
 .site-header {
 	display: flex;
-	flex-wrap: wrap;
 	justify-content: space-between;
 	max-width: var(--responsive--alignfull-width);
 }
 
+@media only screen and (max-width: 829px) {
+	.site-header {
+		flex-wrap: wrap;
+	}
+}
+
 @media only screen and (max-width: 481px) {
 	.site-header {
 		align-items: center;

文件差异内容过多而无法显示
+ 0 - 0
spearhead/style.css.map


部分文件因为文件数量过多而无法显示