Minor css changes in home
This commit is contained in:
parent
be10650150
commit
5dd6a477c0
2 changed files with 21 additions and 4 deletions
|
|
@ -25,6 +25,16 @@
|
|||
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 {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
|
@ -36,6 +46,7 @@
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.carousel-snd-caption > h3,
|
||||
.carousel-caption > h3 {
|
||||
> i {
|
||||
display: none;
|
||||
|
|
@ -50,6 +61,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
.carousel-snd-caption > h3 {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.py-5 > .container > {
|
||||
div > h1 {
|
||||
color: #280B0B;
|
||||
|
|
|
|||
|
|
@ -193,14 +193,14 @@ class Index extends Component {
|
|||
</ol>
|
||||
<div className="carousel-inner" role="listbox">
|
||||
|
||||
<div className="carousel-item carousel-snd-item-1 active">
|
||||
<div className="carousel-caption">
|
||||
<div className="carousel-item carousel-snd-item carousel-snd-item-1 active">
|
||||
<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>
|
||||
<p />
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item carousel-snd-item-2">
|
||||
<div className="carousel-caption">
|
||||
<div className="carousel-item carousel-snd-item carousel-snd-item-2">
|
||||
<div className="carousel-caption carousel-snd-caption">
|
||||
<h3><Trans>Ayúdanos a combatir el cambio climático y a proteger el medioambiente</Trans></h3>
|
||||
<p />
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue