59 lines
945 B
CSS
59 lines
945 B
CSS
.container {
|
|
max-width: 40rem;
|
|
}
|
|
|
|
/* Custom color */
|
|
.button-red {
|
|
background-color: salmon;
|
|
border-color: salmon;
|
|
}
|
|
.button-red.button-clear,
|
|
.button-red.button-outline {
|
|
background-color: transparent;
|
|
color: red;
|
|
}
|
|
.button-red.button-clear {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.button-orange {
|
|
background-color: orange;
|
|
border-color: orange;
|
|
}
|
|
.button-orange.button-clear,
|
|
.button-orange.button-outline {
|
|
background-color: transparent;
|
|
color: orange;
|
|
}
|
|
.button-orange.button-clear {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/* Custom size */
|
|
.button-small {
|
|
font-size: .8rem;
|
|
height: 2.8rem;
|
|
line-height: 2.8rem;
|
|
padding: 0 1.5rem;
|
|
}
|
|
|
|
.button-large {
|
|
font-size: 1.4rem;
|
|
height: 4.5rem;
|
|
line-height: 4.5rem;
|
|
padding: 0 2rem;
|
|
}
|
|
|
|
/* User message */
|
|
.message {
|
|
margin: 0.5rem;
|
|
padding: 0.5rem;
|
|
border-radius: 0.5rem;
|
|
}
|
|
.error {
|
|
background-color: salmon;
|
|
color: white;
|
|
}
|
|
.success {
|
|
background-color: lightgreen;
|
|
}
|