|
|
@@ -1,3 +1,21 @@
|
|
|
+@property --vw{
|
|
|
+ syntax: '<length>';
|
|
|
+ inherits:true;
|
|
|
+ initial-value:100vw;
|
|
|
+}
|
|
|
+@property --vh{
|
|
|
+ syntax: '<length>';
|
|
|
+ inherits:true;
|
|
|
+ initial-value:100vh;
|
|
|
+}
|
|
|
+@font-face {
|
|
|
+ font-family: puhuiti;
|
|
|
+ src: url(../font/font/PuHuiTi/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf);
|
|
|
+}
|
|
|
+@font-face {
|
|
|
+ font-family: smileysans-oblique;
|
|
|
+ src: url(../font/font/SmileySans-Oblique/SmileySans-Oblique.woff2);
|
|
|
+}
|
|
|
:root{
|
|
|
--festive-color:#f00;
|
|
|
--funeral-color:#1212;
|
|
|
@@ -40,23 +58,23 @@
|
|
|
--body-height-default:100%;
|
|
|
--font-size:12px;
|
|
|
--font-default-size:12px;
|
|
|
- --font-family: cursive;
|
|
|
+ --font-family: puhuiti;
|
|
|
--line-height: 30px;
|
|
|
- --default-font-family: cursive;
|
|
|
+ --default-font-family: puhuiti;
|
|
|
--font-scale-font-size:24px;
|
|
|
--font-scale-default-font-size:24px;
|
|
|
--title-font-size:18px;
|
|
|
--title-default-font-size:18px;
|
|
|
- --title-font-family: cursive;
|
|
|
- --title-default-font-family: cursive;
|
|
|
+ --title-font-family: puhuiti;
|
|
|
+ --title-default-font-family: puhuiti;
|
|
|
--subhead-font-size:16px;
|
|
|
--subhead-default-font-size:16px;
|
|
|
- --subhead-font-family: cursive;
|
|
|
- --subhead-default-font-family: cursive;
|
|
|
+ --subhead-font-family: smileysans-oblique;
|
|
|
+ --subhead-default-font-family: smileysans-oblique;
|
|
|
--content-font-size:12px;
|
|
|
--content-default-font-size:12px;
|
|
|
- --content-font-family: cursive;
|
|
|
- --content-default-font-family: cursive;
|
|
|
+ --content-font-family: smileysans-oblique;
|
|
|
+ --content-default-font-family: smileysans-oblique;
|
|
|
--button-text-font-size:15px;
|
|
|
--button-text-default-font-size:15px;
|
|
|
--test-border:2px solid black;
|
|
|
@@ -84,6 +102,8 @@ html[data-theme="dark"]{
|
|
|
body{
|
|
|
/* width:var(--body-width-default); */
|
|
|
/* height:var(--body-height-default); */
|
|
|
+
|
|
|
+ font-family: var(--font-family);
|
|
|
background-color: var(--body-background-color);
|
|
|
color: var(--font-color);
|
|
|
}
|
|
|
@@ -96,4 +116,4 @@ body a:hover{
|
|
|
}
|
|
|
body a:visited{
|
|
|
color:var(--a-visited-color);
|
|
|
-}
|
|
|
+}
|
