app/assets/stylesheets/components/calendar-days.css.scss
.calendar-days {
.day-divider {
@include grid-row();
background: #eaeaea;
padding: 20px 0;
h2 {
@include grid-column(10);
font-size: $h5-font-size;
line-height: 20px;
margin: 0;
}
a {
@include grid-column(2);
color: $body-font-color;
text-align: right;
img {
width: 20px;
}
}
}
.single-event {
@include grid-row();
margin-top: 10px;
border-bottom: 1px solid #eaeaea;
.indicator-wrapper {
margin-left: 20px;
margin-right: 10px;
float: left;
}
.indicator {
margin: 5px 0px;
width: 5px;
height: 50px;
}
.short-description {
@include grid-column(10);
}
h3 {
margin: 0;
font-size: 1.2em;
font-weight: bold;
color: $body-font-color;
}
h4 {
font-size: 1em;
font-weight: bold;
margin: 0;
color: #898e91;
}
p.additional-info {
font-size: $base-font-size;
color: #898e91;
padding-left: 18px;
background: 0px 5px image-url("marker.png") no-repeat;
}
}
}