Updated hackathon page

This commit is contained in:
Oleh Zasadnyy 2014-08-28 18:50:12 +03:00
parent 8ed616c1bb
commit aaa240eb29
14 changed files with 157 additions and 52 deletions

View file

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

View file

@ -0,0 +1,3 @@
.hackathon-location {
padding: 172px 0;
}

View file

@ -92,7 +92,7 @@
animation: blink .7s infinite;
opacity: 1;
}
@-keyframes blink {
@keyframes blink {
0% {
opacity: 1;
}

View file

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