格局突然变了..

assets/sass/default.sass

@@ -0,0 +1,32 @@
+@import "main.sass"
+
+// 元素的默认状态
+html, body
+  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
+  font-size: 16px
+  word-spacing: 1px
+  -ms-text-size-adjust: 100%
+  -webkit-text-size-adjust: 100%
+  -moz-osx-font-smoothing: grayscale
+  -webkit-font-smoothing: antialiased
+  box-sizing: border-box
+  margin: 0
+  padding: 0
+  color: var(--color-default)
+  background-color: var(--background-default)
+  min-height: 100vh
+
+button
+  background: #cc1414
+  color: #ffffff
+  border: none
+  border-radius: .25rem
+
+a
+  text-decoration: none
+a:link  //未访问的
+  color: #222222
+a:visited //已访问的
+  color: #444444
+a:active //点击时
+  color: #2233cc

assets/sass/main.sass

@@ -0,0 +1,33 @@
+// 调色盘 @satori (不涉及默认元素操作)
+//
+// 背景色 基调为纯白 #ffffff
+// 背景色 主调为薄灰 #f5f6f7
+//
+// 前景色 基调为深灰 #222222
+// 前景色 主调为厚黑 #111111
+
+:root
+  --background-default: #ffffff
+  --background-main: #f5f6f7
+
+  --color-default: rgba(0,30,38, 1)
+  --color-main: rgba(0,30,38, 1)
+
+// 仪式
+.ceremony
+  padding-top: 10rem
+  padding-bottom: 10rem
+  margin: 10rem 0
+  background: var(--background-main)
+
+// 界限
+.circumscription
+  @media (min-width: 480px)
+    margin: 0 2rem
+  @media (min-width: 1280px)
+    max-width: 1200px
+    margin-left: auto
+    margin-right: auto
+
+// 汇聚 converge
+// 过渡 transition: all .75s linear