Move some CSS around, add link styles.

This commit is contained in:
Danila Fedorin 2018-12-10 12:47:31 -08:00
parent 4b2c0d2ae8
commit 16b83511d6

View File

@ -22,23 +22,6 @@ body {
transition: background-color $transition-duration; transition: background-color $transition-duration;
} }
div.login-wrapper {
display: flex;
flex-direction: column;
max-width: 300px;
margin: auto;
margin-top: 20px;
input, button {
margin: 3px;
}
h2 {
margin: 0px;
margin-bottom: 3px;
}
}
input { input {
@include input-common(); @include input-common();
background-color: $inactive-input-color; background-color: $inactive-input-color;
@ -56,8 +39,38 @@ button {
border: none; border: none;
background-color: $primary-color; background-color: $primary-color;
color: white; color: white;
text-transform: uppercase;
&:hover, &:focus { &:hover, &:focus {
background-color: $primary-color-highlight; background-color: $primary-color-highlight;
} }
} }
a {
text-decoration: none;
color: $primary-color;
&:hover {
color: $primary-color-highlight;
}
}
/*
* Login Screen
*/
div.login-wrapper {
display: flex;
flex-direction: column;
max-width: 300px;
margin: auto;
margin-top: 20px;
input, button {
margin: 3px;
}
h2 {
margin: 0px;
margin-bottom: 3px;
}
}