Skip to content

Instantly share code, notes, and snippets.

@katrinkerber
katrinkerber / mixin_media-query.scss
Created April 17, 2015 10:22
Media query mixin
/*
Media query mixin
Adapted from http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
Examples:
@include media-query(min, 704px) {}
@include media-query(max, 704px) {}
@include media-query(min-max, 360px, 859px) {} */
@mixin media-query($constraint, $breakpoint1, $breakpoint2: null) {
@if $constraint == "min" {
$emBreakpoint: ($breakpoint1 / 16px) * 1em ;
@katrinkerber
katrinkerber / mixin_rem.scss
Last active August 29, 2015 14:19
REM mixin
/*
Adapted from https://github.com/bitmanic/rem/blob/master/stylesheets/_rem.scss
rem(font-size, 28px) will return:
font-size: 28px;
font-size: 1.75rem; */
$basesize-px: 16px;
@mixin rem($property, $values) {
// Create empty lists that we can dump values into
$px-values: ();
$rem-values: ();
@katrinkerber
katrinkerber / Colors.xml
Created May 30, 2011 12:34
Dark Dreamweaver theme based on 'minimal Theme' for TextMate (http://minimaldesign.net/downloads/tools/textmate-theme). Optimised for HTML, CSS, JS and PHP. For installation see http://is.gd/Add9mq. Set background color to #25221C.
<codeColors>
<colorGroup>
<syntaxColor id="CodeColor_HTMLEntity" text="#AECD9D" bold="true" />
<syntaxColor id="CodeColor_JavascriptNative" text="#FCFFE7" />
<syntaxColor id="CodeColor_JavascriptNumber" text="#FBAA21" />
<syntaxColor id="CodeColor_JavascriptClient" text="#FCF296" />
<syntaxColor id="CodeColor_JavascriptSpryKeywords" text="#FF6208" />
<syntaxColor id="CodeColor_JavascriptSpryClasses" text="#FF6208" />
<syntaxColor id="CodeColor_TemplateText" text="#999999" />
<syntaxColor id="CodeColor_TemplateCommentText" text="#82806F" />