spee.ch/client/scss/row/_row.scss

61 lines
890 B
SCSS
Raw Normal View History

2018-06-03 05:58:54 +02:00
.row {
2018-10-22 00:12:10 +02:00
padding-bottom: 1.2em;
2018-06-03 05:58:54 +02:00
}
2018-06-08 17:50:25 +02:00
.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%;
}
2018-06-11 01:07:15 +02:00
.row-labeled-alt {
display: column;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
.row-labeled-label {
align-self: flex-start;
width: 100%;
color: $grey;
2018-10-21 21:52:10 +02:00
.label {
2018-10-21 22:05:38 +02:00
font-weight: bold;
2018-10-21 21:52:10 +02:00
text-transform: uppercase;
2018-10-21 22:05:38 +02:00
font-size: 13px;
2018-10-21 21:52:10 +02:00
letter-spacing: 0.4px;
line-height: 18px;
}
}
.row-labeled-content {
align-self: center;
width: 100%;
}
}
2018-06-11 01:07:15 +02:00
@media (max-width: $break-point-medium ) {
.row-labeled {
flex-direction: column;
}
.row-labeled-label {
width: 100%;
}
.row-labeled-content {
width: 100%;
}
}