75 lines
1.7 KiB
Stylus
75 lines
1.7 KiB
Stylus
user-height = 100px
|
|
item-height = 48px
|
|
|
|
.side-nav
|
|
.row
|
|
margin-bottom 0
|
|
.col
|
|
line-height user-height
|
|
|
|
a
|
|
height item-height
|
|
line-height item-height
|
|
color white
|
|
i
|
|
height item-height
|
|
line-height item-height
|
|
width 1.5rem
|
|
li
|
|
line-height item-height
|
|
|
|
&.item:hover, &.item:active
|
|
background-color rgba(0, 0, 0, 0.2)
|
|
&.side-user
|
|
background-color transparent
|
|
|
|
.avatar-image
|
|
width 50px
|
|
padding 0
|
|
vertical-align middle
|
|
|
|
.info
|
|
height user-height
|
|
|
|
p
|
|
line-height 24px
|
|
margin-top 5px
|
|
margin-bottom 0
|
|
text-shadow: 1px 1px 1px #444;
|
|
|
|
.name
|
|
font-size 1.2em
|
|
.desc
|
|
font-size 0.9em
|
|
|
|
li.side-user
|
|
height user-height
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
|
|
// 分类目录
|
|
collapse-base-padding = 15px
|
|
collapse-step-padding = 15px
|
|
.collapse-level-0
|
|
padding-left collapse-base-padding
|
|
.collapse-level-1
|
|
padding-left collapse-base-padding + collapse-step-padding * 1
|
|
.collapse-level-2
|
|
padding-left collapse-base-padding + collapse-step-padding * 2
|
|
|
|
.collapse-space
|
|
margin-bottom 10px
|
|
|
|
#category-menu.side-nav
|
|
a
|
|
height item-height * 0.75
|
|
line-height item-height * 0.75
|
|
i
|
|
height item-height * 0.75
|
|
line-height item-height * 0.75
|
|
li
|
|
line-height item-height * 0.75
|
|
padding-right 15px
|