mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
97 lines
2.2 KiB
Stylus
97 lines
2.2 KiB
Stylus
$brand-color = #2BAC8F
|
|
|
|
$danger-color = red
|
|
$danger-lighten-color = #FFE5E6
|
|
|
|
|
|
/*
|
|
* # Border
|
|
*/
|
|
$border-color = #D0D0D0
|
|
$active-border-color = #369DCD
|
|
$focus-border-color = #369DCD
|
|
|
|
$default-border = solid 1px $border-color
|
|
$active-border = solid 1px $active-border-color
|
|
|
|
/**
|
|
* # Button styles
|
|
*/
|
|
|
|
// Default button
|
|
$default-button-background = white
|
|
$default-button-background--hover = #e6e6e6
|
|
$default-button-background--active = #d4d4d4
|
|
|
|
colorDefaultButton()
|
|
background-color $default-button-background
|
|
&:hover
|
|
background-color $default-button-background--hover
|
|
&:active
|
|
background-color $default-button-background--active
|
|
&:active:hover
|
|
background-color $default-button-background--active
|
|
|
|
// Primary button(Brand color)
|
|
$primary-button-background = $brand-color
|
|
$primary-button-background--hover = darken($brand-color, 5%)
|
|
$primary-button-background--hover = darken($brand-color, 10%)
|
|
|
|
colorPrimaryButton()
|
|
background-color $primary-button-background
|
|
&:hover
|
|
background-color $primary-button-background--hover
|
|
&:active
|
|
background-color $primary-button-background--active
|
|
&:active:hover
|
|
background-color $primary-button-background--active
|
|
|
|
/**
|
|
* Input
|
|
*/
|
|
|
|
$disabled-input-background = #DDD
|
|
|
|
/**
|
|
* Nav
|
|
*/
|
|
|
|
$nav-text-color = #515151
|
|
$nav-inactive-text-color = #939395
|
|
$nav-hover-background = rgba(126, 127, 129, 0.08)
|
|
$nav-active-background = alpha(#E0E0E0, 90%)
|
|
$nav-border-color = #D1D1D1
|
|
$nav-background-color = #FAFAFA
|
|
$nav-tooltip-background-color = alpha(#444, 70%)
|
|
$nav-tooltip-button-background = #D1D1D1
|
|
$nav-tooltip-button-background--hover = lighten(#D1D1D1, 30%)
|
|
|
|
navButtonColor()
|
|
border none
|
|
color $nav-inactive-text-color
|
|
background-color transparent
|
|
transition color background-color 0.15s
|
|
&:hover
|
|
background-color $nav-hover-background
|
|
&:active
|
|
background-color $nav-active-background
|
|
color $nav-text-color
|
|
|
|
/**
|
|
* # Modal Stuff
|
|
* These will be moved lib/modal
|
|
*/
|
|
|
|
$modal-z-index = 1002
|
|
$modal-background = white
|
|
$modal-margin = 64px auto 0
|
|
$modal-border-radius = 5px
|
|
|
|
modal()
|
|
position relative
|
|
z-index $modal-z-index
|
|
margin $modal-margin
|
|
background-color $modal-background
|
|
overflow hidden
|
|
border-radius $modal-border-radius
|