dice/impress
1
0
Fork 0
forked from OpenNeo/impress
Code Pull requests Activity
impress/app/assets/stylesheets/devise/sessions/new.sass

84 lines
1.3 KiB
Sass
Raw Permalink Normal View History

Split login page into two columns: password login and NeoPass login I also wrote up some explainer text for the NeoPass option, too!
2024-04-11 09:12:59 -07:00
@import "../../partials/clean/constants"
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
#title
text-align: center
font-size: 2.5rem
Split login page into two columns: password login and NeoPass login I also wrote up some explainer text for the NeoPass option, too!
2024-04-11 09:12:59 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
.login-options
display: flex
margin-block: 3em
Split login page into two columns: password login and NeoPass login I also wrote up some explainer text for the NeoPass option, too!
2024-04-11 09:12:59 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
section
flex: 1 1 0
padding-block: 1em
display: flex
flex-direction: column
justify-content: center
align-items: center
Split login page into two columns: password login and NeoPass login I also wrote up some explainer text for the NeoPass option, too!
2024-04-11 09:12:59 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
&:not(:last-of-type)
border-right: 1px solid $module-border-color
margin-right: 1em
padding-right: 1em
Split login page into two columns: password login and NeoPass login I also wrote up some explainer text for the NeoPass option, too!
2024-04-11 09:12:59 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
.login-option-neopass
text-align: center
Split login page into two columns: password login and NeoPass login I also wrote up some explainer text for the NeoPass option, too!
2024-04-11 09:12:59 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
header
font-weight: bold
font-size: 125%
margin-bottom: .5em
Very basic login form polish
2024-04-11 08:54:42 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
.neopass-explanation
font-size: 85%
Very basic login form polish
2024-04-11 08:54:42 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
summary
cursor: pointer
margin-bottom: 1em
Very basic login form polish
2024-04-11 08:54:42 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
.login-form
margin-bottom: 1em
Tweak login page styles some more: page title & Remember Me
2024-04-11 09:48:29 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
.field
margin-bottom: .75em
Tweak login page styles some more: page title & Remember Me
2024-04-11 09:48:29 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
.input-field label
font-weight: bold
Very basic login form polish
2024-04-11 08:54:42 -07:00
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
.actions
Very basic login form polish
2024-04-11 08:54:42 -07:00
display: flex
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
align-items: center
Very basic login form polish
2024-04-11 08:54:42 -07:00
gap: .5em
Update some stylesheets to use new page_stylesheet_link_tag helper Now that we have this helper, we no longer need these stylesheets to include a `body.controller-action` wrapper to scope all the styles! Someday we should convert more of our stylesheets to this format, instead of slamming them all into `application.sass` like we do now. Ah, well!
2024-05-14 16:09:45 -07:00
.remember-me
display: flex
align-items: center
gap: .25em
font-size: 85%
input[type=checkbox]
height: 1em
width: 1em
.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
Copy permalink