zeus.ugent.be/content/assets/stylesheets/includes/events.scss
2017-10-21 11:49:28 +02:00

81 lines
1.2 KiB
SCSS

.box.event-preview {
border-radius: 0px;
display: flex;
box-shadow : none;
margin: 0px;
padding:20px;
padding-top:0px;
.image {
vertical-align: baseline;
border: 1px solid gray;
}
.info {
padding:20px;
padding-top:0px;
box-shadow : none;
width: 60%;
//for better spacing on mobile
@include mobile {
width: 100%;
}
.title {
font-size: 1.7em;
font-weight: 500;
margin-bottom: 0;
a {
color: darken(gray, 20%);
}
a:hover {
border-bottom: none;
color: #FF7F00;
}
}
.location {
font-size: .9em;
a {
color: lighten(gray, 10%);
}
}
.description {
font-size: 1.7em;
font-weight: 200;
}
.time {
font-size: 1.6em;
font-weight: 400;
}
}
.main-event {
border-left: 1px solid gray;
border-radius: 0px;
box-shadow: none;
height: 8em;
ul {
padding-left: .7em;
}
.active {
color: #FF7F00;
}
}
}
.sponsors {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
> a {
width: 300px;
margin: 10px;
text-align: center;
}
}