Refactor website with new design & structure
This commit is contained in:
@@ -0,0 +1,57 @@
|
||||
//
|
||||
// Crafting Guide - footer.scss
|
||||
//
|
||||
// Copyright © 2014-2016 by Redwood Labs
|
||||
// All rights reserved.
|
||||
//
|
||||
|
||||
.view__footer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
background: $color-background-footer;
|
||||
|
||||
.divider.top {
|
||||
background: $color-dirt url('/images/grass_side.png');
|
||||
height: $size-minecraft-block;
|
||||
}
|
||||
|
||||
> .content {
|
||||
display: flex;
|
||||
|
||||
color: $color-text-light;
|
||||
|
||||
.left, .center, .right {
|
||||
flex: 1 1 33%;
|
||||
margin: $size-margin-large $size-margin-large $size-margin-large 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
p {
|
||||
font-family : $font-family-text;
|
||||
font-size : $font-size-medium;
|
||||
line-height : $font-size-medium * 1.25;
|
||||
text-align : justify;
|
||||
}
|
||||
|
||||
.action {
|
||||
flex: 1 1 auto;
|
||||
align-self: center;
|
||||
margin-bottom: $size-margin-large;
|
||||
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-left: $size-margin-large;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.divider.bottom {
|
||||
background: $color-bedrock url('/images/bedrock.png');
|
||||
height: $size-minecraft-block;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user