taolin/docs_vue2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: improve style for fixed table head and hash target

Browse Source
This commit is contained in:
Justineo 2021-10-21 12:47:10 +08:00
parent 6dae7ca6c1
commit e7f935b652
No known key found for this signature in database
GPG Key ID: B73F0979CF18A0EA
1 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
assets/styles/post.styl
View File

@ -131,9 +131,25 @@ margin-y($top, $bottom = $top)
width 100% width 100%
border-collapse collapse border-collapse collapse
border 1px solid #f1f1f1 border 1px solid #f1f1f1
border-style none solid border-radius 4px
margin-y(1.5em) margin-y(1.5em)
thead
position sticky
top -1px
background #f3f6f988
backdrop-filter blur(4px)
th
&::after
content ""
position absolute
bottom 0
width 100%
height 1px
left 0
background #f1f1f1
pre pre
table table
max-width 480px max-width 480px
@ -319,23 +335,21 @@ margin-y($top, $bottom = $top)
a a
margin-right 10px margin-right 10px
[data-target]
outline 2px solid transparent
outline-offset -1px
animation target-blink 5s ease 1 both
.hljs-attr .hljs-attr
color #c5e478 color #c5e478
[data-target]
animation target-blink 5s ease 1 both
@keyframes target-blink @keyframes target-blink
0% 0%
outline-color #8fbcff background-color #f2f7ff
3% 3%
9% 9%
outline-color #0052cc background-color #fff
6% 6%
12% 12%
80% 80%
outline-color #8fbcff background-color #f2f7ff