76 lines
1.1 KiB
SCSS
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;
|
|
}
|
|
}
|
|
}
|