Created the Login styles.sass
This commit is contained in:
parent
76a94f2c83
commit
1e4af7d739
36
src/pages/Login/styles.sass
Normal file
36
src/pages/Login/styles.sass
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
@import "@styles/colors"
|
||||||
|
|
||||||
|
.center-page
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
align-items: center
|
||||||
|
justify-content: center
|
||||||
|
height: 100vh
|
||||||
|
|
||||||
|
.login-container
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
align-items: center
|
||||||
|
justify-content: center
|
||||||
|
background-color: $background-opacity
|
||||||
|
backdrop-filter: blur(5rem)
|
||||||
|
border: 1px solid #515663
|
||||||
|
border-radius: 10px
|
||||||
|
padding: 1rem 3rem
|
||||||
|
|
||||||
|
.login-header
|
||||||
|
display: flex
|
||||||
|
gap: 1rem
|
||||||
|
align-items: center
|
||||||
|
|
||||||
|
.login-header img
|
||||||
|
width: 4rem
|
||||||
|
height: 4rem
|
||||||
|
|
||||||
|
.login-header
|
||||||
|
color: $white
|
||||||
|
|
||||||
|
|
||||||
|
.login-header h1
|
||||||
|
margin: 0
|
||||||
|
font-weight: 700
|
Loading…
x
Reference in New Issue
Block a user