opti: 基础样式调整

dwb1994 · dwb1994 · commit 09b463424724 · 2018-03-29T18:05:42.000+08:00
diff --git a/theme/style.css b/theme/style.css
@@ -1702,7 +1702,7 @@ body {
 }
 
 .m-summary-title {
-  font-size: 12px;
+  font-size: 16px;
   line-height: 2.5;
   color: rgba(3, 17, 31, 0.87);
 }
@@ -1875,7 +1875,7 @@ body {
 }
 
 .m-footer-links .title {
-  font-size: 12px;
+  font-size: 16px;
   line-height: 2;
   color: rgba(3, 17, 31, 0.38);
 }
@@ -1894,7 +1894,7 @@ body {
 
 @media screen and (min-width: 960px) {
   .m-footer {
-    font-size: 12px;
+    font-size: 16px;
     color: rgba(3, 17, 31, 0.54);
     padding: .24rem .64rem;
   }
@@ -1938,7 +1938,7 @@ body {
 
 .g-home .m-section-title .name {
   margin-bottom: .24rem;
-  font-size: 20px;
+  font-size: 32px;
   position: relative;
 }
 
@@ -1955,7 +1955,7 @@ body {
 }
 
 .g-home .m-section-title .desc {
-  font-size: 12px;
+  font-size: 16px;
   color: rgba(3, 17, 31, 0.54);
   line-height: 1.6;
 }
@@ -1978,7 +1978,7 @@ body {
   width: 1.2rem;
   padding: .14rem;
   line-height: .2rem;
-  font-size: 12px;
+  font-size: 16px;
   color: #1890ff;
   background-color: #fff;
   margin-right: .08rem;
@@ -2050,12 +2050,12 @@ body {
 }
 
 .g-home .m-section.feature .item .title {
-  font-size: 20px;
+  font-size: 32px;
   margin-bottom: .16rem;
 }
 
 .g-home .m-section.feature .item .desc {
-  font-size: 12px;
+  font-size: 16px;
   color: rgba(3, 17, 31, 0.54);
 }
 
@@ -2064,10 +2064,10 @@ body {
     flex-direction: row;
   }
   .g-home .m-section-title .name {
-    font-size: 24px;
+    font-size: 48px;
   }
   .g-home .m-section-title .desc {
-    font-size: 14px;
+    font-size: 20px;
     line-height: 1.6;
   }
   .g-home .m-section .btn {
@@ -2077,10 +2077,10 @@ body {
     text-align: left;
   }
   .g-home .m-section.home .m-section-title .name {
-    font-size: 24px;
+    font-size: 48px;
   }
   .g-home .m-section.home .m-section-title .desc {
-    font-size: 14px;
+    font-size: 20px;
     line-height: 1.6;
   }
   .g-home .m-section.home .m-section-btngroup {
diff --git a/theme/styles/common/variables.scss b/theme/styles/common/variables.scss
@@ -63,6 +63,8 @@ $body-bg: #fff;
 $font-size:       14px;
 $line-height:     1.5;
 // headline
+$font-size-display2:    56px;
+$font-size-display1:    48px;
 $font-size-h1:    32px;
 $font-size-h2:    24px;
 $font-size-h3:    20px;
diff --git a/theme/styles/footer.scss b/theme/styles/footer.scss
@@ -23,7 +23,7 @@
       margin-bottom: .24rem;
     }
     .title {
-      font-size: $font-size-h6;
+      font-size: $font-size-h4;
       line-height: 2;
       color: $deep-disable-text-color;
     }
@@ -43,7 +43,7 @@
 // Expand footer on PC
 @include media-md() {
 	.m-footer {
-    font-size: $font-size-h6;
+    font-size: $font-size-h4;
     color: $deep-caption-text-color;
     padding: .24rem .64rem;
     &-container {
diff --git a/theme/styles/homepage.scss b/theme/styles/homepage.scss
@@ -17,7 +17,7 @@
       text-align: center;
       .name {
         margin-bottom: .24rem;
-        font-size: $font-size-h3;
+        font-size: $font-size-h1;
         position: relative;
         &:after {
           content: '';
@@ -32,7 +32,7 @@
         }
       }
       .desc {
-        font-size: $font-size-h6;
+        font-size: $font-size-h4;
         color: $deep-caption-text-color;
         line-height: 1.6;
       }
@@ -53,7 +53,7 @@
       width: 1.2rem;
       padding: .14rem;
       line-height: .2rem;
-      font-size: $font-size-h6;
+      font-size: $font-size-h4;
       color: $primary-6;
       background-color: $white;
       margin-right: .08rem;
@@ -115,11 +115,11 @@
       flex: 0 0 46%;
       margin-bottom: .32rem;
       .title {
-        font-size: $font-size-h3;
+        font-size: $font-size-h1;
         margin-bottom: .16rem;
       }
       .desc {
-        font-size: $font-size-h6;
+        font-size: $font-size-h4;
         color: $deep-caption-text-color;
       }
     }
@@ -136,10 +136,10 @@
     .m-section {
       &-title {
         .name {
-          font-size: $font-size-h2;
+          font-size: $font-size-display1;
         }
         .desc {
-          font-size: $font-size-h5;
+          font-size: $font-size-h3;
           line-height: 1.6;
         }
       }
@@ -152,10 +152,10 @@
         text-align: left;
       }
       .m-section-title .name {
-        font-size: $font-size-h2;
+        font-size: $font-size-display1;
       }
       .m-section-title .desc {
-        font-size: $font-size-h5;
+        font-size: $font-size-h3;
         line-height: 1.6;
       }
       .m-section-btngroup {
diff --git a/theme/styles/summary.scss b/theme/styles/summary.scss
@@ -41,7 +41,7 @@
 		}
 	}
 	&-title {
-		font-size: $font-size-h6;
+		font-size: $font-size-h4;
 		line-height: 2.5;
 		color: $deep-body-text-color;
 	}

Original file line number	Diff line number	Diff line change
`@@ -1702,7 +1702,7 @@ body {`
`1702`	`1702`	`}`
`1703`	`1703`
`1704`	`1704`	`.m-summary-title {`
`1705`		`- font-size: 12px;`
	`1705`	`+ font-size: 16px;`
`1706`	`1706`	`line-height: 2.5;`
`1707`	`1707`	`color: rgba(3, 17, 31, 0.87);`
`1708`	`1708`	`}`
`@@ -1875,7 +1875,7 @@ body {`
`1875`	`1875`	`}`
`1876`	`1876`
`1877`	`1877`	`.m-footer-links .title {`
`1878`		`- font-size: 12px;`
	`1878`	`+ font-size: 16px;`
`1879`	`1879`	`line-height: 2;`
`1880`	`1880`	`color: rgba(3, 17, 31, 0.38);`
`1881`	`1881`	`}`
`@@ -1894,7 +1894,7 @@ body {`
`1894`	`1894`
`1895`	`1895`	`@media screen and (min-width: 960px) {`
`1896`	`1896`	`.m-footer {`
`1897`		`- font-size: 12px;`
	`1897`	`+ font-size: 16px;`
`1898`	`1898`	`color: rgba(3, 17, 31, 0.54);`
`1899`	`1899`	`padding: .24rem .64rem;`
`1900`	`1900`	`}`
`@@ -1938,7 +1938,7 @@ body {`
`1938`	`1938`
`1939`	`1939`	`.g-home .m-section-title .name {`
`1940`	`1940`	`margin-bottom: .24rem;`
`1941`		`- font-size: 20px;`
	`1941`	`+ font-size: 32px;`
`1942`	`1942`	`position: relative;`
`1943`	`1943`	`}`
`1944`	`1944`
`@@ -1955,7 +1955,7 @@ body {`
`1955`	`1955`	`}`
`1956`	`1956`
`1957`	`1957`	`.g-home .m-section-title .desc {`
`1958`		`- font-size: 12px;`
	`1958`	`+ font-size: 16px;`
`1959`	`1959`	`color: rgba(3, 17, 31, 0.54);`
`1960`	`1960`	`line-height: 1.6;`
`1961`	`1961`	`}`
`@@ -1978,7 +1978,7 @@ body {`
`1978`	`1978`	`width: 1.2rem;`
`1979`	`1979`	`padding: .14rem;`
`1980`	`1980`	`line-height: .2rem;`
`1981`		`- font-size: 12px;`
	`1981`	`+ font-size: 16px;`
`1982`	`1982`	`color: #1890ff;`
`1983`	`1983`	`background-color: #fff;`
`1984`	`1984`	`margin-right: .08rem;`
`@@ -2050,12 +2050,12 @@ body {`
`2050`	`2050`	`}`
`2051`	`2051`
`2052`	`2052`	`.g-home .m-section.feature .item .title {`
`2053`		`- font-size: 20px;`
	`2053`	`+ font-size: 32px;`
`2054`	`2054`	`margin-bottom: .16rem;`
`2055`	`2055`	`}`
`2056`	`2056`
`2057`	`2057`	`.g-home .m-section.feature .item .desc {`
`2058`		`- font-size: 12px;`
	`2058`	`+ font-size: 16px;`
`2059`	`2059`	`color: rgba(3, 17, 31, 0.54);`
`2060`	`2060`	`}`
`2061`	`2061`
`@@ -2064,10 +2064,10 @@ body {`
`2064`	`2064`	`flex-direction: row;`
`2065`	`2065`	`}`
`2066`	`2066`	`.g-home .m-section-title .name {`
`2067`		`- font-size: 24px;`
	`2067`	`+ font-size: 48px;`
`2068`	`2068`	`}`
`2069`	`2069`	`.g-home .m-section-title .desc {`
`2070`		`- font-size: 14px;`
	`2070`	`+ font-size: 20px;`
`2071`	`2071`	`line-height: 1.6;`
`2072`	`2072`	`}`
`2073`	`2073`	`.g-home .m-section .btn {`
`@@ -2077,10 +2077,10 @@ body {`
`2077`	`2077`	`text-align: left;`
`2078`	`2078`	`}`
`2079`	`2079`	`.g-home .m-section.home .m-section-title .name {`
`2080`		`- font-size: 24px;`
	`2080`	`+ font-size: 48px;`
`2081`	`2081`	`}`
`2082`	`2082`	`.g-home .m-section.home .m-section-title .desc {`
`2083`		`- font-size: 14px;`
	`2083`	`+ font-size: 20px;`
`2084`	`2084`	`line-height: 1.6;`
`2085`	`2085`	`}`
`2086`	`2086`	`.g-home .m-section.home .m-section-btngroup {`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`	`text-align: center;`
`18`	`18`	`.name {`
`19`	`19`	`margin-bottom: .24rem;`
`20`		`- font-size: $font-size-h3;`
	`20`	`+ font-size: $font-size-h1;`
`21`	`21`	`position: relative;`
`22`	`22`	`&:after {`
`23`	`23`	`content: '';`
`@@ -32,7 +32,7 @@`
`32`	`32`	`}`
`33`	`33`	`}`
`34`	`34`	`.desc {`
`35`		`- font-size: $font-size-h6;`
	`35`	`+ font-size: $font-size-h4;`
`36`	`36`	`color: $deep-caption-text-color;`
`37`	`37`	`line-height: 1.6;`
`38`	`38`	`}`
`@@ -53,7 +53,7 @@`
`53`	`53`	`width: 1.2rem;`
`54`	`54`	`padding: .14rem;`
`55`	`55`	`line-height: .2rem;`
`56`		`- font-size: $font-size-h6;`
	`56`	`+ font-size: $font-size-h4;`
`57`	`57`	`color: $primary-6;`
`58`	`58`	`background-color: $white;`
`59`	`59`	`margin-right: .08rem;`
`@@ -115,11 +115,11 @@`
`115`	`115`	`flex: 0 0 46%;`
`116`	`116`	`margin-bottom: .32rem;`
`117`	`117`	`.title {`
`118`		`- font-size: $font-size-h3;`
	`118`	`+ font-size: $font-size-h1;`
`119`	`119`	`margin-bottom: .16rem;`
`120`	`120`	`}`
`121`	`121`	`.desc {`
`122`		`- font-size: $font-size-h6;`
	`122`	`+ font-size: $font-size-h4;`
`123`	`123`	`color: $deep-caption-text-color;`
`124`	`124`	`}`
`125`	`125`	`}`
`@@ -136,10 +136,10 @@`
`136`	`136`	`.m-section {`
`137`	`137`	`&-title {`
`138`	`138`	`.name {`
`139`		`- font-size: $font-size-h2;`
	`139`	`+ font-size: $font-size-display1;`
`140`	`140`	`}`
`141`	`141`	`.desc {`
`142`		`- font-size: $font-size-h5;`
	`142`	`+ font-size: $font-size-h3;`
`143`	`143`	`line-height: 1.6;`
`144`	`144`	`}`
`145`	`145`	`}`
`@@ -152,10 +152,10 @@`
`152`	`152`	`text-align: left;`
`153`	`153`	`}`
`154`	`154`	`.m-section-title .name {`
`155`		`- font-size: $font-size-h2;`
	`155`	`+ font-size: $font-size-display1;`
`156`	`156`	`}`
`157`	`157`	`.m-section-title .desc {`
`158`		`- font-size: $font-size-h5;`
	`158`	`+ font-size: $font-size-h3;`
`159`	`159`	`line-height: 1.6;`
`160`	`160`	`}`
`161`	`161`	`.m-section-btngroup {`
Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@`
`41`	`41`	`}`
`42`	`42`	`}`
`43`	`43`	`&-title {`
`44`		`- font-size: $font-size-h6;`
	`44`	`+ font-size: $font-size-h4;`
`45`	`45`	`line-height: 2.5;`
`46`	`46`	`color: $deep-body-text-color;`
`47`	`47`	`}`