mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2025-06-07 22:11:29 +02:00
Updated hackathon page
This commit is contained in:
parent
8ed616c1bb
commit
aaa240eb29
14 changed files with 157 additions and 52 deletions
|
@ -0,0 +1,44 @@
|
|||
$hackathon-img-width: 250px;
|
||||
$small-hackathon-img-width: 150px;
|
||||
|
||||
.hackathon-row {
|
||||
margin-bottom: 90px;
|
||||
&.float-left {
|
||||
.hackathon-img-wrapper {
|
||||
float: left;
|
||||
}
|
||||
.hackathon-details {
|
||||
text-align: left;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
&.float-right {
|
||||
.hackathon-img-wrapper {
|
||||
float: right;
|
||||
}
|
||||
.hackathon-details {
|
||||
text-align: right;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hackathon-img-wrapper {
|
||||
img {
|
||||
max-width: $hackathon-img-width;
|
||||
margin: 0 auto;
|
||||
@media (max-width: 767px) {
|
||||
max-width: $small-hackathon-img-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hackathon-details {
|
||||
margin-left: $hackathon-img-width + 50px;
|
||||
margin-right: $hackathon-img-width + 50px;
|
||||
@media (max-width: 767px) {
|
||||
margin-left: $small-hackathon-img-width + 20px;
|
||||
margin-right: $small-hackathon-img-width + 20px;
|
||||
}
|
||||
p {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
3
_sass/partials/_hackathon-location.scss
Normal file
3
_sass/partials/_hackathon-location.scss
Normal file
|
@ -0,0 +1,3 @@
|
|||
.hackathon-location {
|
||||
padding: 172px 0;
|
||||
}
|
|
@ -92,7 +92,7 @@
|
|||
animation: blink .7s infinite;
|
||||
opacity: 1;
|
||||
}
|
||||
@-keyframes blink {
|
||||
@keyframes blink {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
|
@ -1,8 +1,22 @@
|
|||
.judges {
|
||||
$judge-image-size: 160px;
|
||||
|
||||
.judge {
|
||||
margin-bottom: 45px;
|
||||
.name {
|
||||
margin: 8px 0 4px;
|
||||
font-size: 25px;
|
||||
}
|
||||
.company {
|
||||
margin-top: 6px;
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
}
|
||||
.judge-img {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
width: $judge-image-size;
|
||||
height: $judge-image-size;
|
||||
margin: 0 auto;
|
||||
border: 3px solid #fff;
|
||||
box-shadow: 0 3px 0 rgba(0, 0, 0, .15), 0 3px 4px rgba(0, 0, 0, .2);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue