ensl.org/app/assets/stylesheets/layout/_sidebar.scss
Luke Barratt 1c0830f8b1 New header layout
Improves spacing
Improves button layout on forums
2014-04-30 00:34:48 +01:00

89 lines
No EOL
1.3 KiB
SCSS

#sidebar {
.widget {
@include span-columns(12);
box-shadow: $content-shadow;
margin-bottom: $container-padding;
border-radius: $base-border-radius;
padding: 20px;
background: white;
h4 {
margin-bottom: 20px;
}
.widget-content-wrapper {
@include span-columns(12);
font-size: 12px;
}
.separator {
color: white;
background: $blue;
padding: 0 20px;
margin: 0 -20px;
margin-bottom: 12px;
font-weight: 600;
line-height: 35px;
a {
color: white;
float: right;
}
}
&:last-child {
margin-bottom: 0;
}
}
.calendar {
max-height: 400px;
overflow-x: hidden;
overflow-y: scroll;
}
.shoutbox {
.transcript {
margin-bottom: 20px;
}
input {
@include span-columns(12);
margin-bottom: 10px;
}
}
.highlights,
.posts {
ol {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
}
.poll {
.question {
@include span-columns(12);
margin-bottom: 20px;
h5 {
margin-bottom: 1em;
}
}
.bar {
display: block;
background: $blue;
height: 10px;
}
.button {
margin-bottom: 0;
}
}
}