realm-object-server
Version:
110 lines (95 loc) • 1.82 kB
CSS
/* Ultramarine: #374683 */
/* Indigo: #5B54A3 */
/* Grape Jelly: #A648AA */
/* Mulberry: #E53BA7 */
/* Flamingo: #FF3C93 */
/* Sexy Salmon: #FF7385 */
/* Peach: #FF9A91 */
/* Melon: #FFC190 */
/* Elephant: #9A9BA5 */
/* Dove: #EBEBF3 */
/* Charcoal: #1C233F */
* {
font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
"Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
html, body {
padding: 0;
margin: 0;
}
body {
background: #ebebf2;
color: #1c233f;
font-weight: normal;
text-align: center;
}
a {
text-decoration: none;
}
*:focus {
outline: none;
}
button,
.button {
background: #5B54A3;
border-radius: 6px;
border: 0;
color: #fff;
cursor: pointer;
font-size: 1rem;
padding: .6em;
position: relative;
margin: 1rem;
}
.button--secondary {
/* background: #1C233F; */
background: transparent;
border: .1rem solid #1C233F;
color: #1C233F;
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 6px;
margin: .5rem 0;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #7685c2;
outline: none;
box-shadow: 0 0 0 .2rem rgba(57, 71, 127, .25);
}
/* BEM */
.ConfirmEmail,
.ResetPassword {
background: #ffffff;
margin: auto;
max-width: 400px;
min-height: 100vh;
padding: 1rem 0;
}
.ConfirmEmail__Error,
.ResetPassword__Error {
background-color: #fcdce9;
border-radius: 6px;
border: 1px solid #fbcee0;
color: #7e2a4c;
margin-bottom: 1rem;
padding: .75rem 1.25rem;
}
.ResetPassword {
}
.ResetPassword__Form {
margin: auto;
width: 80%;
}