app/assets/stylesheets/modules/_event.css.scss
// event show
header {
.event-title {
color: $grayDark;
}
.btn {
margin-left: 5px;
}
}
.event {
h1 {
font-size: $baseFontSize * 2.25;
}
h2 {
font-size: $baseFontSize * 1.15;
color: $gray;
}
}
.social-count {
@include social-count(hsl(0, 0%, 98%), $btnBorder);
}
.event-body {
margin-top: $baseLineHeight;
}
.event-sidebar {
background-color: $grayLighter;
padding: $baseLineHeight;
margin-bottom: $baseLineHeight;
> ul {
margin-bottom: $baseLineHeight;
> li {
margin-bottom: $baseLineHeight / 2;
}
}
}
.event-map img {
border: 1px solid darken($grayLighter, 15%);
}
.event-contact {
margin-left: $baseFontSize / 2;
a {
color: $grayDarker;
margin-right: 5px;
}
}
.event-participants {
@extend .horizontal;
li {
padding: 0 4px 4px 0;
}
}
// event list
.event-item-time, .event-item-location {
@extend .muted;
}
// event form
@media (max-width: 979px) {
input#event_slug {
width: 140px;
}
}
// event follower
.event-follower{
h2 {
font-size: $baseFontSize * 1.25;
}
}
.event-follower-title{
font-size: $baseFontSize * 2.25;
font-weight: bold;
}
.event-follower-title:hover{
text-decoration:none;
}
.follower-list{
border-top: 1px solid #DDDDDD;
margin: 15px 0;
list-style: none outside none;
}
.follower-item{
border-bottom: 1px solid #DDDDDD;
padding: 5px 0;
}
.follower-item .avatar-wrapper{
float: left;
line-height: 0;
margin-right: 10px;
padding: 1px;
}
.follower-url{
display: inline-block;
line-height: 30px;
margin-right: 5px;
}
.follower-login-name{
font-weight: bold;
}
.follower-name{
color: #999999;
font-style: bold;
}
.event-summary > h2:first-child {
color: #0088cc;
}