Ceras/themes/ceras/templates/partials/grid-block.html.twig

{% set source = post.header.media_thumbnail %}
{% if source != null%}
	{% set info = "url('"~post.url~"\/"~source~"')" %}
{% else %}
	{% set info = null %}
{% endif %}

{% set color = post.header.color %}
{% switch color %}
{% case "blue" %}
	{% set c1 = "rgba(59,109,125,1)" %}
	{% set c2 = "rgba(59,109,125,0)" %}
{% case "green" %}
	{% set c1 = "rgba(116,162,111,1)" %}
	{% set c2 = "rgba(116,162,111,0)" %}
{% case "red" %}
	{% set c1 = "rgba(216,98,100,1)" %}
	{% set c2 = "rgba(216,98,100,0)" %}
{% endswitch %}

<div class=" columns medium-4 small-12 recent-posts">
	<div  class="row">
		<div  class="columns large-12 thumb_news">
			<a style="background:{{ info }} {{c1}}" href="{{ post.url }}"> 
			    	<div class="row">	    	
				        <div  class="columns small-12 align-self-bottom info_vign">
							<div style="z-index:0;background:linear-gradient(to right, {{c1}},{{c2}});" class=" cover_vign"></div>	           
				            <span class="tag" ><span>{{ post.header.taxonomy.category|first }}</span></span>
				             <mark>{{ post.title }}</mark>
				             <br>
				            {% if post.header.dlp != "" %}
				            	<span class="date" >{{ post.header.dlp }}</span>
				            {% else %}
				            	<span class="date" >
				            	{{post.header.date|date('d')}} {{'GRAV.MONTHS_OF_THE_YEAR'|ta(post.header.date|date('n') - 1)}} {{post.header.date|date('Y')}}
				            	</span>
				            {% endif %}

				    	</div>

			    	</div>
		    	</a>
		</div>
	</div>
</div>