add style img portada
This commit is contained in:
@@ -354,9 +354,9 @@ button[type="reset"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* PORTADA -> SECTION CAMPAÑA */
|
/* PORTADA -> SECTION CAMPAÑA */
|
||||||
.section-campana-conflictos .card-img-fixed {
|
.page-portada .section-campana-conflictos .card-img-fixed {
|
||||||
min-height: 300px;
|
min-height: 350px;
|
||||||
max-height: 300px;
|
max-height: 350px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@@ -386,13 +386,17 @@ button[type="reset"] {
|
|||||||
|
|
||||||
/* efecto img */
|
/* efecto img */
|
||||||
.page-portada .img-noticias,
|
.page-portada .img-noticias,
|
||||||
.posts-noticias .img-noticias {
|
.page-portada .img-noticias-small,
|
||||||
|
.posts-noticias .img-noticias,
|
||||||
|
.page-portada .section-campana-conflictos .card-img-fixed {
|
||||||
transition: filter 0.3s ease;
|
transition: filter 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* efecto img */
|
/* efecto img */
|
||||||
.page-portada .img-noticias:hover,
|
.page-portada .img-noticias:hover,
|
||||||
.posts-noticias .img-noticias:hover {
|
.page-portada .img-noticias-small:hover,
|
||||||
|
.posts-noticias .img-noticias:hover,
|
||||||
|
.page-portada .section-campana-conflictos .card-img-fixed:hover {
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -96,7 +96,7 @@
|
|||||||
<a href="{{ main_article.link }}">
|
<a href="{{ main_article.link }}">
|
||||||
<img src="{{ imagen }}"
|
<img src="{{ imagen }}"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
class="card-img card-img-fixed img-noticias" />
|
class="card-img card-img-fixed" />
|
||||||
<div class="card-img-overlay">
|
<div class="card-img-overlay">
|
||||||
<h3 class="card-title text-wrap">
|
<h3 class="card-title text-wrap">
|
||||||
<a href="{{ main_article.link }}">{{ main_article.title }}</a>
|
<a href="{{ main_article.link }}">{{ main_article.title }}</a>
|
||||||
@@ -122,7 +122,7 @@
|
|||||||
<a href="{{ main_article.link }}">
|
<a href="{{ main_article.link }}">
|
||||||
<img src="{{ imagen }}"
|
<img src="{{ imagen }}"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
class="card-img card-img-fixed img-noticias" />
|
class="card-img card-img-fixed"/>
|
||||||
<div class="card-img-overlay">
|
<div class="card-img-overlay">
|
||||||
<h3 class="card-title text-wrap">
|
<h3 class="card-title text-wrap">
|
||||||
<a href="{{ main_article.link }}">{{ main_article.title }}</a>
|
<a href="{{ main_article.link }}">{{ main_article.title }}</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user