Commit b14b1fe6 authored by Gustavo Astorga's avatar Gustavo Astorga

Fix #4 - Restringir tamaños máximos de imágenes

- max-width:100% a las imágenes de los banners
- borramos los altos fijos, los banners se adaptan a las imágenes
- separación del “velo” en un div, borrable si se requiere
parent c9edbb68
......@@ -10,6 +10,8 @@ body {.opensans; background:@gris-fondo; margin:0 auto; color:@gris-oscuro; font
a {text-decoration:none; color:inherit; .transition(0.1s);}
a:hover {text-decoration:none; color:inherit;}
menu, ol, ul, li, {padding:0; margin:0; list-style:none;}
img {max-width:100%; height:auto;}
a img {float:left;}
* {box-sizing: border-box; -moz-box-sizing: border-box;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
......@@ -187,18 +189,29 @@ a#menu-movil-cerrar {
a {
display:block;
}
&:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
&.banner-foto {
width:@col-dob;
height:132px;
min-height:130px;
a {
width:100%;
height:100%;
}
.imagen {
}
.velo {
.pos-absoluta;
background:rgba(0,0,0,0.3);
z-index:9;
}
.texto {
.gobcl;
color:#fff;
.pos-absoluta;
background:rgba(0,0,0,0.3);
padding:60px 10px 10px 340px;
position:absolute;
right:115px;
bottom:12px;
z-index:10;
span {
display:block;
font-size:24px;
......@@ -212,7 +225,6 @@ a#menu-movil-cerrar {
}
&.banner-corto {
width:@col-sim;
height:102px;
}
}
......
......@@ -194,6 +194,7 @@
<div class="imagen">
<img src="http://placehold.it/660x130" alt="">
</div>
<div class="velo"></div>
<div class="texto">
<span>Lorem Ipsum</span>
<span><strong>Dolor sit amet.</strong></span>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment