spee.ch/client/scss/components/_row.scss
2018-06-10 16:07:15 -07:00

35 lines
456 B
SCSS

.row {
padding-bottom: 2em;
}
.row-labeled {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}
.row-labeled-label {
align-self: flex-start;
width: 30%;
}
.row-labeled-content {
align-self: center;
width: 70%;
}
@media (max-width: $break-point-medium ) {
.row-labeled {
flex-direction: column;
}
.row-labeled-label {
width: 100%;
}
.row-labeled-content {
width: 100%;
}
}