zeus.ugent.be/content/assets/stylesheets/includes/events.scss
Lorin Werthen b3579498dc
scss
2017-04-24 21:11:18 +02:00

76 lines
1.1 KiB
SCSS

.box.event-preview {
border-radius: 0px;
display: flex;
box-shadow : none;
margin: 0px;
padding:20px;
padding-top:0px;
.image-holder {
padding: 10px;
border: 1px solid lighten(gray, 30%);
width: 15%;
height: 15%;
}
.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;
}
}
}