added space around in media, changed view for small screens

This commit is contained in:
jorge 2022-03-01 14:23:38 +01:00
parent 4ccf994595
commit 72a1d805bb
3 changed files with 38 additions and 10 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,9 +1,26 @@
@include breakpoint(small) {
dl { dl {
.property { .property {
display:flex; display:flex;
flex-direction:column;
dt { dt {
width: 14rem; min-width: unset;
max-width: unset;
width: unset;
}
}
}
}
@include breakpoint(medium) {
dl {
.property {
display:flex;
flex-direction:row;
dt {
min-width: 14rem;
max-width: 14rem; max-width: 14rem;
width: 14rem;
} }
} }
} }
}

View File

@ -137,15 +137,26 @@
// -- Modules // -- Modules
.media-list { .media-list {
@include breakpoint(small) {
display: flex;
flex-direction: column;
width: 100%; width: 100%;
.resource-link { .resource-link {
width: auto; width: auto;
display:inline-block; display:inline-block;
padding-right: $global-padding;
> * { > * {
float: left; float: left;
clear: both; clear: both;
} }
} }
.resource-name {
font-size: 0.8rem;
}
}
@include breakpoint(medium) {
flex-direction: row;
}
} }