@@ -0,0 +1,18 @@
|
||||
//-
|
||||
//- Crafting Guide - twitter.jade
|
||||
//-
|
||||
//- Copyright © 2014-2016 by Redwood Labs
|
||||
//- All rights reserved.
|
||||
//-
|
||||
|
||||
.view__twitter
|
||||
.left
|
||||
img(src="/images/twitter.png")
|
||||
.right
|
||||
.instructions Follow us for updates!
|
||||
a(
|
||||
href="https://twitter.com/Crafting_Guide"
|
||||
class="twitter-follow-button"
|
||||
data-show-count="false"
|
||||
data-size="large"
|
||||
) Follow @Crafting_Guide
|
||||
@@ -0,0 +1,61 @@
|
||||
//
|
||||
// Crafting Guide - news_page.scss
|
||||
//
|
||||
// Copyright © 2014-2016 by Redwood Labs
|
||||
// All rights reserved.
|
||||
//
|
||||
|
||||
.view__twitter {
|
||||
display: flex;
|
||||
|
||||
& > .left {
|
||||
flex: 1 1 50%;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
img {
|
||||
height: $size-minecraft-block * 4;
|
||||
width: $size-minecraft-block * 4;
|
||||
}
|
||||
}
|
||||
|
||||
& > .right {
|
||||
flex: 1 1 50%;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.instructions {
|
||||
flex: 1 1 50%;
|
||||
margin-bottom: $size-margin-medium;
|
||||
margin-top: $size-margin-medium;
|
||||
|
||||
font-family: $font-family-header;
|
||||
font-size: $font-size-xlarge;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
iframe {
|
||||
flex: 1 1 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include screen-size(mobile) {
|
||||
.view__twitter {
|
||||
& > .left {
|
||||
img {
|
||||
height: $size-minecraft-block * 3;
|
||||
width: $size-minecraft-block * 3;
|
||||
}
|
||||
}
|
||||
|
||||
& > .right {
|
||||
.instructions {
|
||||
font-size: $font-size-xlarge;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -33,4 +33,5 @@ html
|
||||
include ../includes/_google_adsense.jade
|
||||
include ../includes/_google_analytics.jade
|
||||
include ../includes/_google_sitelinks.jade
|
||||
include ../includes/_twitter_follow.jade
|
||||
|
||||
|
||||
@@ -9,6 +9,8 @@
|
||||
.left
|
||||
|
||||
.right
|
||||
include ../common/twitter/twitter.jade
|
||||
|
||||
section
|
||||
h3 2016-04-30
|
||||
.panel
|
||||
|
||||
@@ -8,22 +8,32 @@
|
||||
.view__news_page {
|
||||
@include layout-body-with-sidebar;
|
||||
|
||||
section {
|
||||
&:not(:first-child) {
|
||||
margin-top : $size-margin-large;
|
||||
}
|
||||
.right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
h3 {
|
||||
margin-bottom : $size-margin-small;
|
||||
}
|
||||
// .view__twitter {
|
||||
// max-width: $size-minecraft-block * 10;
|
||||
// }
|
||||
|
||||
p {
|
||||
font-family : $font-family-text;
|
||||
font-size : $font-size-medium;
|
||||
line-height : $font-size-medium * 1.5;
|
||||
section {
|
||||
&:not(:first-child) {
|
||||
margin-top : $size-margin-large;
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom : $size-margin-medium;
|
||||
h3 {
|
||||
margin-bottom : $size-margin-small;
|
||||
}
|
||||
|
||||
p {
|
||||
font-family : $font-family-text;
|
||||
font-size : $font-size-medium;
|
||||
line-height : $font-size-medium * 1.5;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom : $size-margin-medium;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user