flow/datamad2017
1
0
Fork 0
mirror of https://github.com/medialab-prado/datamad2017.git synced 2025-06-07 22:11:29 +02:00
Code Issues Projects Releases Wiki Activity

ajustes de estilo para las tarjetas

Browse source
This commit is contained in:
alay 2017-12-05 14:02:26 +01:00
parent cfa16bdc28
commit f52d69c7d7
4 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

16
_sass/partials/_zoe-effect.scss
View file

@ -12,7 +12,7 @@ $figcaption-color: #3c4a50;
-webkit-background-size: 105%;
background-size: 105%;
.overlay {
background: rgba(0, 0, 0, .3);
background: rgba(0, 0, 0, .6);
@media (max-width: 767px) {
background: rgba(0, 0, 0, 0);
}
@ -34,7 +34,7 @@ $figcaption-color: #3c4a50;
}
&:nth-child(2) {
transition-delay: .25s;
}
}
}
.bio {
transform: translateY(-70%);
@ -55,8 +55,8 @@ $figcaption-color: #3c4a50;
background-size: 115%;
@media (max-width: 767px) {
background-position: center left;
-webkit-background-size: 105%;
background-size: 105%;
-webkit-background-size: 105%;
background-size: 105%;
}
.overlay {
transition: $base-transition;
@ -75,7 +75,7 @@ $figcaption-color: #3c4a50;
color: $figcaption-color;
background: #fff;
@media (max-width: 767px) {
transform: translateY(0);
transform: translateY(0);
}
h2 {
font-size: 16px;
@ -88,7 +88,7 @@ $figcaption-color: #3c4a50;
transition-delay: .05s;
color: #fff;
@media (max-width: 767px) {
transform: translateY(0);
transform: translateY(0);
color: #3c4a50;
}
span {
@ -105,7 +105,7 @@ $figcaption-color: #3c4a50;
transition: $base-transition;
transform: translateY(200%);
@media (max-width: 767px) {
transform: translateY(0);
transform: translateY(0);
}
}
.position {
@ -127,4 +127,4 @@ $figcaption-color: #3c4a50;
background: none;
@include trimText(14px, 1.3, 5);
}
}
}