blabla article card title_image and animated gif with imagemagick

This commit is contained in:
2020-02-19 14:35:49 +01:00
parent 98e09c1f4a
commit b8ec2a934b
18 changed files with 321 additions and 17 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,4 +1,11 @@
$base_font_size:16px;
// card-big (430x240)
// card-full (425x610)
// card-medium (210x295)
// card-small (100x140)
$column_width: 210px;
$column_goutiere: 15px;
$card_height: 295px;
@@ -547,7 +547,7 @@ article.node--type-frontpage{
article.card{
position: relative;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
width:$column_width; height:295px;
width:$column_width*2 + $column_goutiere; height:$card_height;
// &.card-small{
// width:100px; height:140px;
// }
@@ -9,10 +9,11 @@
></a>
</h1>
<aside v-html="item.created"></aside>
<h4 class="body" v-html="item.body"></h4>
<h4 v-if="false" class="body" v-html="item.body"></h4>
</header>
<section class="images">
<figure v-html="item.field_visuel"></figure>
<figure v-if="item.field_title_image !== ''" v-html="item.field_title_image"></figure>
<figure v-else-if="item.field_visuel !== ''" v-html="item.field_visuel"></figure>
</section>
</article>
</template>