79 lines
1.7 KiB
SCSS
79 lines
1.7 KiB
SCSS
//
|
|
// Crafting Guide - tutorial_page.scss
|
|
//
|
|
// Copyright © 2014-2016 by Redwood Labs
|
|
// All rights reserved.
|
|
//
|
|
|
|
.view__tutorial_page {
|
|
@include layout-body-with-sidebar;
|
|
|
|
.about {
|
|
display: flex;
|
|
margin-bottom: $size-margin-large;
|
|
|
|
& > .left {
|
|
margin-right: $size-margin-large;
|
|
|
|
flex: 0 0 auto;
|
|
|
|
img {
|
|
height: $size-minecraft-block * 5;
|
|
width: $size-minecraft-block * 5;
|
|
}
|
|
}
|
|
|
|
& > .right {
|
|
flex: 1 1 100%;
|
|
|
|
.title {
|
|
font-family: $font-family-header;
|
|
font-size: $font-size-xxlarge;
|
|
}
|
|
|
|
.sourceMod {
|
|
font-family: $font-family-text;
|
|
font-size: $font-size-medium;
|
|
}
|
|
|
|
.officialLink {
|
|
font-family: $font-family-text;
|
|
font-size: $font-size-medium;
|
|
}
|
|
}
|
|
}
|
|
|
|
.tutorial-sections {
|
|
}
|
|
|
|
.video-container {
|
|
margin-right : -$size-margin-medium;
|
|
margin-top : -$size-margin-medium;
|
|
display : flex;
|
|
flex-wrap : wrap;
|
|
justify-content: space-between;
|
|
|
|
padding-right : -$size-margin-medium;
|
|
|
|
& > * {
|
|
margin-right : $size-margin-medium;
|
|
margin-top : $size-margin-medium;
|
|
width : calc(50% - 12px); // $size-margin-medium;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include screen-size(mobile) {
|
|
.view__tutorial_page {
|
|
.video-container {
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
justify-content: stretch;
|
|
|
|
& > * {
|
|
width: inherit;
|
|
}
|
|
}
|
|
}
|
|
}
|