mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 09:46:22 +00:00
68 lines
1.5 KiB
Stylus
68 lines
1.5 KiB
Stylus
.LoginContainer, .RegisterContainer
|
|
margin 15px auto
|
|
padding 25px 15px
|
|
box-sizing border-box
|
|
color inactiveTextColor
|
|
.logo
|
|
width 215px
|
|
height 215px
|
|
display block
|
|
margin 0 auto
|
|
.authNavigator
|
|
margin 15px 0
|
|
a
|
|
font-size 1.5em
|
|
text-decoration none
|
|
color inactiveTextColor
|
|
&:hover, &.hover, &:active, &.active
|
|
color brandColor
|
|
.socialControl
|
|
text-align center
|
|
margin 25px 0
|
|
p
|
|
margin-bottom 25px
|
|
.facebookBtn, .githubBtn
|
|
margin 0 45px
|
|
width 75px
|
|
height 75px
|
|
line-height 75px
|
|
font-size 35px
|
|
text-align center
|
|
background-image none
|
|
color white
|
|
border none
|
|
border-radius 37.5px
|
|
cursor pointer
|
|
.facebookBtn
|
|
background-color facebookColor
|
|
&:hover, &.hover
|
|
background-color lighten(facebookColor, 25%)
|
|
.githubBtn
|
|
background-color githubBtn
|
|
font-size 42px
|
|
&:hover, &.hover
|
|
background-color lighten(githubBtn, 25%)
|
|
.divider
|
|
.dividerLabel
|
|
text-align center
|
|
position relative
|
|
top -35px
|
|
background-color backgroundColor
|
|
margin 0 auto
|
|
width 50px
|
|
form
|
|
width 400px
|
|
margin 0 auto 45px
|
|
div.form-group:last-child
|
|
margin-top 45px
|
|
.btn-primary
|
|
display block
|
|
width 200px
|
|
margin 0 auto
|
|
&.hover, &:hover
|
|
background-color brandColor
|
|
color white
|
|
p.alert
|
|
text-align center
|
|
font-size 0.8em
|