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> </li>
{% endfor %} {% endfor %}
</ul> </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 %} {% endif %}
<figcaption style="height: 70px;"> <figcaption style="height: 70px;">
<div class="col-md-8 col-xs-8 text-left"> <div class="col-md-8 col-xs-8 text-left">
@ -49,7 +49,7 @@
</a> </a>
{% endif %} {% endif %}
</figcaption> </figcaption>
<p class="bio" style="background-color: rgba(0, 0, 0, 0.3); height: auto;" > <p class="bio" style="height: auto;" >
{{ article.details }} {{ article.details }}
</p> </p>
</figure> </figure>

2
_includes/project-list.html
View file

@ -26,7 +26,7 @@
</svg> </svg>
</a> </a>
</figcaption> </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> <strong>{{ project.promotor }} </strong>
{% for colaborador in project.colabor %} {% for colaborador in project.colabor %}
<br> {{ colaborador.name }} <br> {{ colaborador.name }}

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

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

2
css/main.css
View file

File diff suppressed because one or more lines are too long