zeus.ugent.be/content/assets/stylesheets/includes/eventpage.scss

68 lines
910 B
SCSS
Raw Normal View History

2016-09-13 17:13:43 +02:00
.banner-image{
justify-content: center;
display: flex;
img{
height: 256px;
}
}
2016-10-04 22:04:34 +02:00
.event-social-icons {
margin-left: 10px;
2017-04-23 12:46:47 +02:00
line-height: 0.60em;
font-size: 0.60em;
.fa {
margin-right: 5px;
2017-04-23 12:46:47 +02:00
@include tablet {
vertical-align: baseline;
}
}
}
.header-text {
padding: 20px;
&.light-background {
background-color: rgba(0, 0, 0, 0.5);
}
}
.has-vertical-center {
display: flex;
align-items: center;
}
2017-04-23 12:46:47 +02:00
.event-title {
display: flex;
@include mobile {
flex-direction: column;
2017-11-16 14:02:39 +01:00
text-align: center;
2017-04-23 12:46:47 +02:00
}
}
2017-11-16 14:02:39 +01:00
2017-12-16 18:49:56 +01:00
.map-wrapper {
2017-12-17 21:59:20 +01:00
border-radius: 5px;
2017-12-16 18:49:56 +01:00
overflow: hidden;
position: relative;
height: 400px;
padding: 0;
iframe {
height: 100%;
width: 100%;
}
}
.event-tile-image {
// For now, don't show the event tile image on mobile, takes too much space
@include mobile {
display: none;
}
max-width:200px;
max-height:200px;
}