diff options
author | Aiden X <caichao.xu@gmail.com> | 2020-08-10 11:13:49 +0300 |
---|---|---|
committer | Aiden X <caichao.xu@gmail.com> | 2020-08-10 11:13:49 +0300 |
commit | b0b26a9eb4e687c3fe37c050fe45a87fe63ac3f7 (patch) | |
tree | 5acaa887dcbb00fa1fce5dbeb5f59fddd0cdd20a /assets |
feat(*): init project
Diffstat (limited to 'assets')
-rw-r--r-- | assets/scss/less.scss | 119 | ||||
-rw-r--r-- | assets/scss/single.scss | 14 |
2 files changed, 133 insertions, 0 deletions
diff --git a/assets/scss/less.scss b/assets/scss/less.scss new file mode 100644 index 0000000..d2bf808 --- /dev/null +++ b/assets/scss/less.scss @@ -0,0 +1,119 @@ +@import "../../node_modules/@forever9/lego/lego"; +@import "single"; + +@include container(); +@include row(); +@include column(); +@include gen-grids(); +@include offset(); + +/* monda-regular */ +@font-face { + font-family: 'Monda'; + font-style: normal; + src: url('//lib.baomitu.com/fonts/monda/monda-regular.eot'); /* IE9 Compat Modes */ + src: local('Monda'), local('Monda-Normal'), + url('//lib.baomitu.com/fonts/monda/monda-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('//lib.baomitu.com/fonts/monda/monda-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('//lib.baomitu.com/fonts/monda/monda-regular.woff') format('woff'), /* Modern Browsers */ + url('//lib.baomitu.com/fonts/monda/monda-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('//lib.baomitu.com/fonts/monda/monda-regular.svg#Monda') format('svg'); /* Legacy iOS */ +} + +html { + --theme-color: #88BDEC; +} + +body { + font-family: 'Monda', -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, Arial, sans-serif; + background: #fff; +} + +.main { + padding-top: 100px; +} + +.nav { + padding: 10px 0; + @include flex-y-center; + justify-content: space-between; +} + +a { + text-decoration: none; +} + +.nav-menu { + @include flex-y-center; + + a { + padding: 10px 14px; + color: #4C4E4D; + + &:hover { + color: var(--theme-color); + } + } +} + +.logo { + height: 30px; + width: auto; + + img { + display: block; + height: 100%; + } +} + +.post { + display: flex; +} + +.post-left { + min-width: 50px; +} + +.post-title { + font-size: 20px; + color: #000; +} + +.post-date { + color: #999; + font-size: 12px; +} + +.post-summary { + color: #999; + font-size: 12px; +} + +.post-right { + position: relative; + padding-left: 30px; + padding-bottom: 50px; + + &:before { + content: ' '; + display: block; + width: 8px; + height: 8px; + border-radius: 8px; + position: absolute; + left: 0; + top: 12px; + background: #DC9E5B; + } + + &:after { + position: absolute; + content: ' '; + display: block; + width: 1px; + height: 100%; + background: #f0f0f0; + left: 3px; + top: 20px; + } +}
\ No newline at end of file diff --git a/assets/scss/single.scss b/assets/scss/single.scss new file mode 100644 index 0000000..f335114 --- /dev/null +++ b/assets/scss/single.scss @@ -0,0 +1,14 @@ + +.single { + line-height: 1.5; + color: #4C4E4D; + .single-title { + font-size: 36px; + text-align: center; + margin-bottom: 40px; + } + + p { + margin-bottom: 30px; + } +}
\ No newline at end of file |