flow/datamad2017
1
0
Fork 0
mirror of https://github.com/medialab-prado/datamad2017.git synced 2024-12-26 04:31:22 +01: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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_includes/articles-list.html
View file

@ -16,7 +16,7 @@
</li>
{% endfor %}
</ul>
<div id="DondeCruzanCaminos" class="aplayer" style="margin-top: 40px;"></div>
<div id="DondeCruzanCaminos" class="aplayer" style="margin-top: 40px; color: #fff; background-color: rgba(0,0,0,0.4);"></div>
{% endif %}
<figcaption style="height: 70px;">
<div class="col-md-8 col-xs-8 text-left">
@ -49,7 +49,7 @@
</a>
{% endif %}
</figcaption>
<p class="bio" style="background-color: rgba(0, 0, 0, 0.3); height: auto;" >
<p class="bio" style="height: auto;" >
{{ article.details }}
</p>
</figure>

2
_includes/project-list.html
View file

@ -26,7 +26,7 @@
</svg>
</a>
</figcaption>
<p class="bio" style="background-color: rgba(0, 0, 0, 0.3); height: auto;" >
<p class="bio" style="height: auto;" >
<strong>{{ project.promotor }} </strong>
{% for colaborador in project.colabor %}
<br> {{ colaborador.name }}

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);
}
}
}

2
css/main.css
View file

File diff suppressed because one or more lines are too long