colouring-montreal/app/src/frontend/styles/forms.css

64 lines
1.0 KiB
CSS
Raw Normal View History

2018-09-11 15:59:37 -04:00
/**
* Forms
*/
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"] {
border-color: #999;
padding: 0.25rem 0.5rem;
border-radius: 0;
}
input[type="number"] {
padding-right: 0.25rem;
}
form .alert {
margin: 0.5rem 0;
}
2018-09-13 11:58:05 -04:00
.form-check-input {
margin-top: 0.6rem;
2018-09-11 15:59:37 -04:00
}
label {
margin: 0.5em 0 0;
}
.buttons-container {
margin-bottom: 0.75rem;
}
.buttons-container.with-space {
margin-top: 1rem;
padding: 0 0.75rem;
}
2018-09-11 15:59:37 -04:00
.buttons-container .btn {
margin-bottom: 0.25rem;
margin-right: 0.25rem;
}
form .btn {
margin-bottom: 0.25rem;
2018-09-11 15:59:37 -04:00
}
.buttons-container.btn-center {
margin-right: 0;
text-align: center;
}
.btn.btn-half {
width: 100%;
margin-bottom: 0.25rem;
}
@media (min-width: 768px) {
.btn.btn-half {
width: 49%;
margin-left: 0;
margin-right: 2%;
}
.btn.btn-half:nth-child(2n) {
margin-right: 0;
}
}
/* Like button */
.likes {
margin: 0.5rem 0;
}
form .btn-like {
margin: 0;
}