vertical_3c/modules/archive/archive_index8.html.erb

48 lines
1.7 KiB
Plaintext

<div class="i-archive index-archive-1 index-archive-8">
<h3 class="i-archive-title">
<span>{{page-title}}</span>
</h3>
<ul class="i-archive__list list-unstyled" data-list="categories" data-level="0">
<li class="i-archive__item">
<h4 class="i-archive__category-title">{{category-title}}</h4>
<dl class="i-archive__category-list list-unstyled" data-list="archives" data-level="1">
<div class="i-archive__item-wrap">
<dt class="i-archive__category-item">
<span class="i-archive__archive-title">{{archive-title}}</span>
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
</span>
<span class="description" style="margin-top: 0.5em;clear: both;width: 100%;position: relative;display: block;">{{description}}</span>
</dt>
<dl class="i-archive__file-list" data-list="files" data-level="2">
<dd class="i-archive__file-wrap">
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
</dd>
</dl>
</div>
</dl>
</li>
</ul>
</div>
<style>
.i-archive__file-list{
display:flex;
}
.i-archive__category-list{
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
background: #eaeef0;
padding: 1em;
border: 1px solid #ccc;
border-radius: 0.5em;
}
.index-archive-8{
.i-archive__status-wrap {
width: 100%;
}
.i-archive__item-wrap{
display:flex;
justify-content: space-between;
}
}
</style>