zhuyijun/vuepress-theme-reco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: change category list style

Browse Source
This commit is contained in:
reco_luan 2019-10-04 22:50:05 +08:00
parent 157dc23bf6
commit d65b98ebbc
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/HomeBlog.vue
View File

@ -284,18 +284,23 @@ export default {
list-style none
padding-left 0
.category-item {
margin-bottom .4rem
padding: .4rem .8rem;
border: 1px solid #999;
transition: all .5s
&:first-child {
border-top-right-radius: .25rem;
border-top-left-radius: .25rem;
}
border-radius 2px
box-shadow 0 1px 4px 0 rgba(0,0,0,0.2)
&:not(:first-child) {
border-top: none;
}
&:hover {
background #d3d3d3
a {
color #fff
.post-num {
background #999
color #fff
}
}
}
a {
display flex
@ -305,7 +310,7 @@ export default {
height 1.6rem
text-align center
line-height 1.6rem
border-radius 50%
border-radius 4px
background #eee
font-size .6rem
color $textColor

4
layouts/Category.vue
View File

@ -136,9 +136,9 @@ export default {
height 1.2rem
text-align center
line-height 1.2rem
border-radius 50%
border-radius 4px
background #eee
font-size .4rem
font-size .7rem
}
}
}