mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
52 lines
831 B
Stylus
52 lines
831 B
Stylus
.root
|
|
modal()
|
|
max-width 540px
|
|
min-height 400px
|
|
height 80%
|
|
overflow hidden
|
|
position relative
|
|
|
|
.nav
|
|
absolute top left right
|
|
height 50px
|
|
background-color $ui-backgroundColor
|
|
border-bottom solid 1px $ui-borderColor
|
|
|
|
.nav-button
|
|
width 80px
|
|
height 50px
|
|
border none
|
|
background-color transparent
|
|
color #939395
|
|
font-size 14px
|
|
&:hover
|
|
color #515151
|
|
|
|
.nav-button--active
|
|
@extend .nav-button
|
|
color #6AA5E9
|
|
&:hover
|
|
color #6AA5E9
|
|
|
|
.nav-button-icon
|
|
display block
|
|
|
|
.content
|
|
absolute left right bottom
|
|
top 50px
|
|
overflow-y auto
|
|
|
|
body[data-theme="dark"]
|
|
.root
|
|
modalDark()
|
|
|
|
.nav
|
|
background-color $ui-dark-button--hover-backgroundColor
|
|
border-color $ui-dark-borderColor
|
|
|
|
.nav-button
|
|
background-color transparent
|
|
color #939395
|
|
&:hover
|
|
color $ui-dark-text-color
|