89 lines
1.6 KiB
SCSS
89 lines
1.6 KiB
SCSS
/*
|
|
Crafting Guide - classes.scss
|
|
|
|
Copyright (C) 2015 by Redwood Labs
|
|
All rights reserved.
|
|
*/
|
|
|
|
.centered {
|
|
text-align: center;
|
|
}
|
|
|
|
.content {
|
|
background: $color-content;
|
|
box-shadow: 10px 10px 20px #666;
|
|
margin: 2em auto;
|
|
max-width: 96em;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.error { background: $color-error !important; }
|
|
|
|
.error-new { background: $color-error-new !important; }
|
|
|
|
.sidebar {
|
|
position: relative; width: 18.75%;
|
|
|
|
display: inline-block;
|
|
padding: 1em;
|
|
vertical-align: top;
|
|
|
|
.titleImage {
|
|
margin-bottom: 2em;
|
|
|
|
a {
|
|
img {
|
|
position: relative; width: 16em; min-height: 16em;
|
|
@include pixel-image;
|
|
}
|
|
}
|
|
}
|
|
|
|
.externalLink {
|
|
position: relative; width: 80%;
|
|
margin: 0.5em 10%;
|
|
display: none;
|
|
|
|
p {
|
|
font-family: $font-family-normal;
|
|
font-size: $font-size-normal;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mainBody {
|
|
position: relative; width: 81.25%;
|
|
|
|
display: inline-block;
|
|
padding: 1em;
|
|
padding-top: 2em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.section {
|
|
margin-top: 3em;
|
|
|
|
h2 {
|
|
font-family: $font-family-header;
|
|
font-size: $font-size-large;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
h3 {
|
|
font-family: $font-family-header;
|
|
font-size: $font-size-normal;
|
|
margin: 2em 0 0 0.5em;
|
|
}
|
|
|
|
.entry {
|
|
position: relative; width: 100%;
|
|
padding: 0 2em;
|
|
}
|
|
|
|
.panel {
|
|
background: white;
|
|
padding: 1em;
|
|
}
|
|
} |