This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<h1>What would you do if i sang out of tune?</h1> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$ieSprite: '.lt-ie9' !default; | |
$baseFontSize: 16px !default; // For em calc | |
// Strips units from any number | |
@function strip-units($number) { | |
@return $number / ($number * 0 + 1); | |
} | |
// Converts px to ems |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Strips units from any number | |
@function strip-units($number) { | |
@return $number / ($number * 0 + 1); | |
} | |
// Converts px to ems | |
@function em($px, $base: 16px) { | |
@return (strip-units($px) / strip-units($base)) * 1em; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"title" : "Welcome to Issue #17", | |
"intro_text" : "This issue features fun, frolics and even more articles from Hugo!", | |
"featured" : [{ | |
"image" : "http://s30.postimg.org/7j2cpmqr5/hero.jpg", | |
"link" : "http://geek-rocket.de/frontend-development/scss-styleguide-with-bem-oocss-smacss/", | |
"title" : "Scss-Styleguide with BEM, OOCSS & SMACSS", | |
"text" : "Here's another great walk through of a Sass-y document styleguide and folder system." | |
}], | |
"content" : [{ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var gulp = require('gulp'); | |
var plugins = require("gulp-load-plugins")({ | |
pattern: ['gulp-*', 'gulp.*'], | |
replaceString: /\bgulp[\-.]/ | |
}); | |
var basePaths = { | |
public: './public/', | |
src: './src/assets/', | |
bower: './bower_components/' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="list">HELLO</div> | |
<div class="sidebar"> | |
<div class="list">HELLO</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="list">HELLO</div> | |
<div class="sidebar"> | |
<div class="list">HELLO</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.article { | |
padding: 10px; | |
h1 { | |
font-size: 24px; | |
color: #0046ad; | |
line-height: 1.4; | |
} | |
p { | |
font-size: 14px; | |
line-height: 1.4; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.article { | |
padding: 10px; | |
} | |
.article h1 { | |
font-size: 24px; | |
color: #0046ad; | |
line-height: 1.4; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Define gulp before we start | |
var gulp = require('gulp'); | |
// Define Sass and the autoprefixer | |
var sass = require('gulp-sass'); | |
var prefix = require('gulp-autoprefixer'); | |
// This is an object which defines paths for the styles. | |
// Can add paths for javascript or images for example | |
// The folder, files to look for and destination are all required for sass |