76 lines
1.7 KiB
SCSS
76 lines
1.7 KiB
SCSS
//
|
|
// Crafting Guide - footer.scss
|
|
//
|
|
// Copyright © 2014-2017 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;
|
|
|
|
@include screen-size(mobile) {
|
|
flex-direction: column;
|
|
}
|
|
|
|
color: $color-text-light;
|
|
|
|
.left, .center, .right {
|
|
flex: 1 1 33%;
|
|
margin: $size-margin-large $size-margin-large $size-margin-large 0;
|
|
|
|
@include screen-size(mobile) {
|
|
margin-left: $size-margin-large;
|
|
}
|
|
|
|
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-top: $size-margin-large;
|
|
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;
|
|
}
|
|
}
|
|
|
|
@include screen-size(mobile) {
|
|
.view__footer {
|
|
> .content {
|
|
.left, .center, .right {
|
|
flex: 0 0 auto;
|
|
}
|
|
}
|
|
}
|
|
} |