1
0
Fork 0
forked from OpenNeo/impress
impress/app/assets/stylesheets/devise/sessions/new.sass

85 lines
1.4 KiB
Sass
Raw Normal View History

@import "../../partials/clean/constants"
body.devise-sessions, body.devise-sessions-new
#title
text-align: center
font-size: 2.5rem
.login-options
display: flex
margin-block: 3em
section
flex: 1 1 0
padding-block: 1em
display: flex
flex-direction: column
justify-content: center
align-items: center
&:not(:last-of-type)
border-right: 1px solid $module-border-color
margin-right: 1em
padding-right: 1em
.login-option-neopass
text-align: center
header
font-weight: bold
font-size: 125%
margin-bottom: .5em
.neopass-explanation
font-size: 85%
summary
cursor: pointer
margin-bottom: 1em
2024-04-11 08:54:42 -07:00
.login-form
margin-bottom: 1em
.field
margin-bottom: .75em
2024-04-11 08:54:42 -07:00
.input-field label
font-weight: bold
.actions
2024-04-11 08:54:42 -07:00
display: flex
align-items: center
gap: .5em
.remember-me
display: flex
align-items: center
gap: .25em
font-size: 85%
input[type=checkbox]
height: 1em
width: 1em
2024-04-11 08:54:42 -07:00
.login-links
font-size: 85%
display: flex
gap: .5em
.log-in-with-neopass-button
background: linear-gradient(#ebb233, #f6e250, #ebb233)
color: #111
font-size: 1rem
text-shadow: none
font-family: "Arial Black", sans-serif
margin-bottom: 1em
&:hover
color: #111 // override default DTI styles
filter: brightness(105%)
.neopass-icon
vertical-align: middle
height: 2em
width: 2em