Skip to content

Instantly share code, notes, and snippets.

View floatingboxes's full-sized avatar

Dan Sweeney floatingboxes

View GitHub Profile
@floatingboxes
floatingboxes / .sass-lint.yml
Last active March 14, 2016 18:32
My (in progress) sass linter settings
options:
formatter: stylish
files:
include: '**/*.s+(a|c)ss'
rules:
# Extends
extends-before-mixins: 1
extends-before-declarations: 1
placeholder-in-extend: 0
$dark-blue: #344141
$light-blue: #acebae
$lighter-blue: #dce2e9
$yellow: #ffff9c
$light-green: #c9de55
$dark-green: #7d9100
$red: #d95b5d
$dark-red: #a8494a
$white: #FFFFFF
@floatingboxes
floatingboxes / jekyll_css_cache_bust.html
Last active May 13, 2021 07:47
CSS cache-bust technique for Jekyll
<!--
Stupid simple css cache bust for Jekyll using site generation timestamp year/month/day/hour/minute/seconds
Output example: v=20130403134355
-->
<link rel="stylesheet" href="/css/styles.css?v={{ site.time | date: '%Y%m%d%H%M%S' }}">
// thanks: https://gist.github.com/stammy/4442615
$mq-mobile-portrait: 20em !default; // 20em * 16px = 320px
$mq-mobile-landscape: 30em !default; // 40em * 16px = 480px
$mq-tablet-portrait: 48em !default; // 48em * 16px = 768px
$mq-tablet-landscape: 64em !default; // 64em * 16px = 1024px
$mq-desktop : 75em !default; // 75em * 16px = 1200px
// Both portrait and landscape
@mixin mobile-only {