Compare commits
No commits in common. "2fbe86775761f3885a21e09be4b34fc1123dd49e" and "4ccf994595f2e62139544596cc1f2f8ee562e31f" have entirely different histories.
2fbe867757
...
4ccf994595
File diff suppressed because one or more lines are too long
|
@ -1,26 +1,9 @@
|
||||||
@include breakpoint(small) {
|
|
||||||
dl {
|
dl {
|
||||||
.property {
|
.property {
|
||||||
display:flex;
|
display:flex;
|
||||||
flex-direction:column;
|
|
||||||
dt {
|
dt {
|
||||||
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;
|
width: 14rem;
|
||||||
|
max-width: 14rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
|
@ -137,25 +137,14 @@
|
||||||
|
|
||||||
// -- Modules
|
// -- Modules
|
||||||
.media-list {
|
.media-list {
|
||||||
@include breakpoint(small) {
|
width: 100%;
|
||||||
display: flex;
|
.resource-link {
|
||||||
flex-direction: column;
|
width: auto;
|
||||||
width: 100%;
|
display:inline-block;
|
||||||
.resource-link {
|
> * {
|
||||||
width: auto;
|
float: left;
|
||||||
display:inline-block;
|
clear: both;
|
||||||
padding-right: $global-padding;
|
|
||||||
> * {
|
|
||||||
float: left;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.resource-name {
|
|
||||||
font-size: 0.8rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint(medium) {
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -51,14 +51,17 @@ $("#archive_page_title").html('<?php echo $_html ?>');
|
||||||
<div class="media-list" style="display: flex;">
|
<div class="media-list" style="display: flex;">
|
||||||
<?php foreach ($itemMedia as $media): ?>
|
<?php foreach ($itemMedia as $media): ?>
|
||||||
<?php echo $media->linkPretty(); ?>
|
<?php echo $media->linkPretty(); ?>
|
||||||
<div class="resource">
|
<br />
|
||||||
<a class="resource-link" href="<?= $media->originalUrl(); ?>">
|
<div style="display: flex;
|
||||||
|
flex: 1;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 0 10px 10px 0;">
|
||||||
|
<a href="<?= $media->originalUrl(); ?>">
|
||||||
<img src="<?= $media->thumbnailUrl("square"); ?>" />
|
<img src="<?= $media->thumbnailUrl("square"); ?>" />
|
||||||
<span class="resource-name">
|
<br />
|
||||||
<?= $media->displayTitle(); ?>
|
<?= $media->displayTitle(); ?>
|
||||||
</span>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
Loading…
Reference in New Issue