mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-11 00:36:26 +00:00
49 lines
1.0 KiB
Stylus
49 lines
1.0 KiB
Stylus
.notification-area
|
|
z-index 1000
|
|
font-size 12px
|
|
position: relative
|
|
top: 12px
|
|
background-color none
|
|
|
|
.notification-link
|
|
position absolute
|
|
text-decoration none
|
|
color #282A36
|
|
font-size 14px
|
|
border 1px solid #6FA8E6
|
|
background-color alpha(#6FA8E6, 0.2)
|
|
padding 5px 12px
|
|
border-radius 2px
|
|
transition 0.2s
|
|
&:hover
|
|
color #1378BD
|
|
|
|
body[data-theme="dark"]
|
|
.notification-area
|
|
background-color none
|
|
|
|
.notification-link
|
|
color #fff
|
|
border 1px solid alpha(#5CB85C, 0.6)
|
|
background-color alpha(#5CB85C, 0.2)
|
|
transition 0.2s
|
|
&:hover
|
|
color #5CB85C
|
|
|
|
apply-theme(theme)
|
|
body[data-theme={theme}]
|
|
.notification-area
|
|
background-color none
|
|
|
|
.notification-link
|
|
color get-theme-var(theme, 'text-color')
|
|
border none
|
|
background-color get-theme-var(theme, 'button-backgroundColor')
|
|
&:hover
|
|
color get-theme-var(theme, 'button--hover-color')
|
|
|
|
for theme in 'solarized-dark' 'dracula'
|
|
apply-theme(theme)
|
|
|
|
for theme in $themes
|
|
apply-theme(theme) |