ensl.org/app/assets/stylesheets/layout/_body.scss
Luke Barratt 470372db21 Refactor some article views
Tweak colour brightnesses
2014-05-02 09:27:18 +01:00

120 lines
1.6 KiB
SCSS

/*
Main Containers
*/
$container-padding: 1.5em;
html,
body {
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
}
body#tinymce {
padding: 10px;
}
#container {
min-height: 100%;
background-color: $light-gray;
}
.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);
border-radius: $base-border-radius;
box-shadow: $content-shadow;
background: white;
padding: 20px;
&.no-body {
box-shadow: none;
border-radius: 0;
background: transparent;
padding: 0;
}
}
#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 $light-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: 20px 0;
li {
margin-left: 40px;
display: list-item;
}
}
ol {
list-style-type: decimal;
}
}