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 {
.property {
display:flex;
flex-direction:column;
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;
width: 14rem;
}
}
}
}

View File

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