Created
November 20, 2020 20:32
-
-
Save kristianmandrup/529336ac106db1b12d9df89750622722 to your computer and use it in GitHub Desktop.
Roze styling for Amplify Auth
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.signin { | |
text-align: center; | |
} | |
.signin div { | |
background-color: transparent; | |
color: whitesmoke; | |
box-shadow: none; | |
} | |
.signin div.error { | |
background-color: transparent; | |
border-radius: 14px; | |
margin-top: 20px; | |
padding: 10px; | |
} | |
.signin button { | |
background-color: skyblue; | |
outline: none; | |
border-radius: 14px; | |
} | |
.signin button:active { | |
background-color: steelblue; | |
} | |
.signin a { | |
color: skyblue; | |
} | |
.signin div.Input__inputlabel__nQolz { | |
visibility: hidden; | |
} | |
.signin div.Form__formField__ZDWhT { | |
margin: 0; | |
padding: 0; | |
} | |
.signin input { | |
border-radius: 0px; | |
background-color: transparent; | |
border: none; | |
border-bottom: 2px solid skyblue; | |
padding: 5px; | |
color: whitesmoke; | |
} | |
[data-test="usename-input"] { | |
text-transform: lowercase; | |
} | |
.signin input:focus { | |
outline: none; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment