Skip to content

Instantly share code, notes, and snippets.

View klick's full-sized avatar

Marcus Scheller klick

View GitHub Profile
%clearfix {
&:after {
content: "";
display: table;
clear: both;
}
}
@klick
klick / breakpoints
Created February 28, 2014 22:08
Some standard breakpoints
//////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////// 570px and up
//////////////////////////////////////////////////////////////////////////
@media only screen and (min-width : 570px) {
}
//////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////// 630px and up
@klick
klick / config.rb
Created January 16, 2014 17:03
Compass config
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "_scss"
images_dir = "img"
javascripts_dir = "js"
@klick
klick / HTML start
Last active January 3, 2016 11:49
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
</body>
<?php
namespace Craft;
class AutoActivatePlugin extends BasePlugin
{
function getName()
{
return Craft::t('Auto activate from CP');
}
@klick
klick / sass flexbox mixin
Last active December 27, 2015 14:49
SASS Flexbox mixin
@mixin flex-container($direction:row wrap, $justify:flex-start) {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-flow: $direction;
-moz-flex-flow: $direction;
flex-flow: $direction;
-webkit-justify-content: $justify;
-moz-justify-content: $justify;
justify-content: $justify;

This is a plugin meant for Jekyll.

Example use:

Easily embed a YouTube video. Just drop this file in your _plugins directory.

{% youtube oHg5SJYRHA0 %}