hensei-web/components/SignupModal/index.scss
Justin Edmund 471b61b2c0 Clean up font-size
We'll have to change this to rems in the future, but at least we're just changing variables
2022-01-25 01:35:39 -08:00

67 lines
932 B
SCSS

.SignupForm {
padding: 16px;
}
.SignupForm form {
margin: 0;
}
.SignupForm #fields {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 8px;
}
#ModalTop {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 16px;
margin-right: -8px;
}
#ModalTop h1 {
margin: 0;
font-size: $font-xlarge;
text-align: left;
flex-grow: 1;
}
#ModalTop i {
padding: 8px;
}
#ModalTop i:hover {
cursor: pointer;
}
#ModalTop i:hover svg {
color: #444;
}
#ModalTop svg {
color: #888;
height: 18px;
width: 18px;
transform: rotate(45deg);
}
#ModalBottom {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
#ModalBottom a {
color: #666;
font-size: $font-regular;
font-weight: 500;
flex-grow: 1;
display: flex;
align-items: center;
}
#ModalBottom .Button {
min-width: 88px;
}