ensl.org/app/assets/stylesheets/layout/_body.scss
2014-04-23 00:28:59 +01:00

108 lines
1.4 KiB
SCSS

/*
Main Containers
*/
$container-padding: em(30);
html,
body {
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
background-color: $light-gray;
}
#container {
min-height: 100%;
}
.wrapper {
@include outer-container;
}
#content {
@include span-columns(12);
padding: $container-padding 0;
&.full {
box-shadow: $content-shadow;
margin: 0;
padding: $container-padding;
background: white;
}
}
#forums {
@include span-columns(12);
}
#main {
@include span-columns(9 of 12);
box-shadow: $content-shadow;
background: white;
padding: em(20);
}
#sidebar {
@include span-columns(3 of 12);
@include omega();
}
/*
Heading styles
*/
h1, h2, h3, h4, h5, h6 {
&.title {
margin-bottom: 1em;
}
&.fancy {
clear: both;
text-align: center;
position: relative;
background-color: white;
&:before {
content: "";
display: block;
border-top: 2px solid $medium-gray;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
z-index: 1;
}
span {
background: inherit;
padding: 0 .5em;
position: relative;
display: inline-block;
z-index: 1;
}
}
}
/*
Text
*/
#main {
ul.disc,
ol {
list-style-type: disc;
margin: em(20) 0;
li {
margin-left: em(40);
display: list-item;
}
}
ol {
list-style-type: decimal;
}
}