Minor css changes in home

This commit is contained in:
vjrj 2018-02-07 19:31:14 +01:00
parent be10650150
commit 5dd6a477c0
2 changed files with 21 additions and 4 deletions

View file

@ -25,6 +25,16 @@
background-size: cover; background-size: cover;
} }
.carousel-snd-item {
height: 85vh;
min-height: 400px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.carousel-control-next-icon, .carousel-control-prev-icon { .carousel-control-next-icon, .carousel-control-prev-icon {
width: 40px; width: 40px;
height: 40px; height: 40px;
@ -36,6 +46,7 @@
cursor: pointer; cursor: pointer;
} }
.carousel-snd-caption > h3,
.carousel-caption > h3 { .carousel-caption > h3 {
> i { > i {
display: none; display: none;
@ -50,6 +61,12 @@
} }
} }
@include breakpoint(mobile) {
.carousel-snd-caption > h3 {
font-size: 1.3rem;
}
}
.py-5 > .container > { .py-5 > .container > {
div > h1 { div > h1 {
color: #280B0B; color: #280B0B;

View file

@ -193,14 +193,14 @@ class Index extends Component {
</ol> </ol>
<div className="carousel-inner" role="listbox"> <div className="carousel-inner" role="listbox">
<div className="carousel-item carousel-snd-item-1 active"> <div className="carousel-item carousel-snd-item carousel-snd-item-1 active">
<div className="carousel-caption"> <div className="carousel-caption carousel-snd-caption">
<h3><Trans i18nKey="CO2emisions">¿Sabías que los fuegos <a href="https://www.livescience.com/1981-wildfires-release-cars.html" target="_blank">producen tanto CO² como los coches</a> y <a href="https://www.motherjones.com/politics/2014/08/wild-fires-are-so-so-bad-climate/" target="_blank">aproximadamente de todas nuestras emisiones</a>?</Trans></h3> <h3><Trans i18nKey="CO2emisions">¿Sabías que los fuegos <a href="https://www.livescience.com/1981-wildfires-release-cars.html" target="_blank">producen tanto CO² como los coches</a> y <a href="https://www.motherjones.com/politics/2014/08/wild-fires-are-so-so-bad-climate/" target="_blank">aproximadamente de todas nuestras emisiones</a>?</Trans></h3>
<p /> <p />
</div> </div>
</div> </div>
<div className="carousel-item carousel-snd-item-2"> <div className="carousel-item carousel-snd-item carousel-snd-item-2">
<div className="carousel-caption"> <div className="carousel-caption carousel-snd-caption">
<h3><Trans>Ayúdanos a combatir el cambio climático y a proteger el medioambiente</Trans></h3> <h3><Trans>Ayúdanos a combatir el cambio climático y a proteger el medioambiente</Trans></h3>
<p /> <p />
</div> </div>