Commit a4902e93 authored by Allan Blanchard's avatar Allan Blanchard
Browse files

Changes calendar event display for small size

parent a6506e52
......@@ -1496,10 +1496,17 @@ a.goDown .icon {
padding-right: 20px;
}
.eventDetailsBlock .contentBlk {
display: inline-flex;
display: flex;
flex-direction: column;
text-align: left;
font-size: 13px;
}
@media (min-width: 800px) {
.eventDetailsBlock .contentBlk {
display: inline-flex;
flex-direction: row;
}
}
.eventDetailsBlock .contentBlk > div {
margin-left: 16px;
}
......@@ -1517,28 +1524,27 @@ a.goDown .icon {
}
.eventDetailsBlock time {
color: #e74643;
font-size: 32px;
line-height: 1.1;
min-width: 40px;
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.eventDetailsBlock time b,
.eventDetailsBlock time small {
display: block;
font-weight: 600;
font-size: 36px;
}
.eventDetailsBlock time b:first-child {
line-height: 40px;
}
.eventDetailsBlock time b + b {
font-size: 18px;
margin-top: -1px;
}
.eventDetailsBlock time small {
font-size: 16px;
}
@media (min-width: 800px) {
.eventDetailsBlock time {
font-size: 42px;
display: block;
text-align: right;
width: auto;
display: inline-flex;
flex-direction: column;
flex: 0 0 auto;
......
......@@ -193,10 +193,9 @@ title: Frama-C
<div class="swiper-wrapper">
{% for event in site.events %}
<div class="swiper-slide">
<div class="eventDetail" id="post_details_486">
<div class="eventDetail">
<div class="contentBlk">
<time>{{ event.date | date: "<b>%-d</b><b>%B</b><small>%Y</small>" }}</time>
<time>{{ event.date | date: "<b>%-d </b><b>%B </b><small>%Y</small>" }}</time>
<div>
<h3>{{ event.title }}</h3>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment