91 lines
1.9 KiB
SCSS
91 lines
1.9 KiB
SCSS
/*
|
|
Crafting Guide - views.scss
|
|
|
|
Copyright (c) 2015 by Redwood Labs
|
|
All rights reserved.
|
|
*/
|
|
|
|
.view__footer {
|
|
background: $color-footer;
|
|
color: $color-footer-text;
|
|
margin-top: 2em;
|
|
|
|
a {
|
|
color: $color-footer-text;
|
|
}
|
|
|
|
.divider {
|
|
position: relative; height: 3.2em; width: 100%;
|
|
clear: both;
|
|
}
|
|
|
|
.divider.top {
|
|
background: $color-dirt url('/images/grass_side.png');
|
|
}
|
|
|
|
.left, .center, .right {
|
|
position: relative; width: 33%; height: 22em;
|
|
float: left;
|
|
padding: 2em;
|
|
|
|
p {
|
|
font-family: sans-serif;
|
|
font-size: $font-size-small;
|
|
line-height: $font-size-small + 0.2em;
|
|
padding-bottom: 1.0em;
|
|
|
|
&:last-child {
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
padding-bottom: 1.0em;
|
|
|
|
p {
|
|
font-family: $font-family-header;
|
|
font-size: 1.5em;
|
|
}
|
|
}
|
|
|
|
.action {
|
|
position: absolute; bottom: 3em; left: 50%;
|
|
@include transform(translateX(-50%));
|
|
}
|
|
}
|
|
|
|
.divider.bottom {
|
|
background: $color-bedrock url('/images/bedrock.png');
|
|
}
|
|
}
|
|
|
|
.view__header {
|
|
background: $color-gray-light;
|
|
position: relative; height: 8em;
|
|
margin-top: 3.2em;
|
|
|
|
a {
|
|
position: absolute; left: -1.6em; top: -1.6em;
|
|
|
|
img {
|
|
width: 6.4em; height: 6.4em;
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
position: absolute; top: 0.8em; left: 3.2em;
|
|
font-family: PressStart;
|
|
font-size: $font-size-x-large;
|
|
}
|
|
|
|
.divider {
|
|
background: $color-brick-dark url('/images/stone_brick.png');
|
|
position: absolute; bottom: 0; height: 3.2em; width: 100%;
|
|
}
|
|
}
|
|
|
|
.view__screen {
|
|
position: fixed; top: 0; right: 0; bottom: 0; left: 0;
|
|
display: none;
|
|
z-index: $layer-screen;
|
|
} |