mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
switch Angular -> React(half done)
This commit is contained in:
50
browser/styles/main/components/SideNavigator.styl
Normal file
50
browser/styles/main/components/SideNavigator.styl
Normal file
@@ -0,0 +1,50 @@
|
||||
.SideNavigator
|
||||
absolute top bottom left
|
||||
width 200px
|
||||
border-right solid 2px brandColor
|
||||
padding 10px
|
||||
box-sizing border-box
|
||||
.nav-header
|
||||
clearfix()
|
||||
margin-bottom 15px
|
||||
.planet-name
|
||||
float left
|
||||
line-height 30px
|
||||
font-size 1.1em
|
||||
.menu-btn
|
||||
float right
|
||||
display block
|
||||
font-size 0.8em
|
||||
color lightButtonColor
|
||||
border solid 2px lightButtonColor
|
||||
box-sizing border-box
|
||||
circle()
|
||||
background-image none
|
||||
background-color transparent
|
||||
width 30px
|
||||
height 30px
|
||||
text-align center
|
||||
cursor pointer
|
||||
transform scale(0.8)
|
||||
&:active, &.active, &:hover, &.hover
|
||||
background-color lightButtonColor
|
||||
color white
|
||||
nav
|
||||
a
|
||||
display block
|
||||
position relative
|
||||
right 0px
|
||||
box-sizing border-box
|
||||
width 190px
|
||||
padding 15px 15px
|
||||
margin 10px 0
|
||||
text-decoration none
|
||||
border-radius left 10px
|
||||
background-color transparent
|
||||
color textColor
|
||||
transition 0.1s
|
||||
&:hover, &.hover
|
||||
background-color hoverBackgroundColor
|
||||
&:active, &.active
|
||||
background-color brandColor
|
||||
color white
|
||||
Reference in New Issue
Block a user