Skip to content

Instantly share code, notes, and snippets.

View Undistraction's full-sized avatar

Pedr Browne Undistraction

View GitHub Profile
@Undistraction
Undistraction / SassMeister-input.scss
Created September 27, 2014 16:24
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// Breakpoint (v2.5.0)
// Sassy Maps (v0.4.0)
// ----
@import "compass/typography/vertical_rhythm";
@import "breakpoint";
@import "sassy-maps";
@Undistraction
Undistraction / SassMeister-input.scss
Created October 1, 2014 12:35
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// Sassy Maps (v0.4.0)
// ----
@Undistraction
Undistraction / SassMeister-input.scss
Created October 1, 2014 12:35
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// Sassy Maps (v0.4.0)
// ----
@Undistraction
Undistraction / SassMeister-input.scss
Created October 4, 2014 10:26
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
$list: one two three four five six;
$skip: false;
@each $item in $list {
@if $skip == false {
.#{$item}{
@Undistraction
Undistraction / SassMeister-input.scss
Last active August 29, 2015 14:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
// Offset positioning helpers
//
// These mixins support:
// 1. Setting values for 'top | bottom | left | right'
// 2. Using 'top | bottom | left | right' keywords without value will set
@Undistraction
Undistraction / SassMeister-input.scss
Created October 7, 2014 07:54
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
// LIB
// -------------------------------------------------------------------------
// 1. Check if the value maps to one of our keywords and if so, swap out the value
@function core-parse-value-filter($value){
@Undistraction
Undistraction / SassMeister-input.scss
Last active August 29, 2015 14:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
// LIB
// -------------------------------------------------------------------------
@function core-process-to-four-values($values) {
$length: length($values);
@Undistraction
Undistraction / SassMeister-input.scss
Last active August 29, 2015 14:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
// What / Why?
// 1. Allow people to use constants for box-values. for example 'single' 'half',
// 'third' etc.
// 2. Link these values to vertical and horizontal rhythm
// properties (to allow adjustments for optical distortion)
@Undistraction
Undistraction / SassMeister-input.scss
Last active August 29, 2015 14:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
// What / Why?
// 1. Allow people to use constants for box-values. for example 'single' 'half',
// 'third' etc.
// 2. Link these values to vertical and horizontal rhythm
// properties (to allow adjustments for optical distortion)
@Undistraction
Undistraction / SassMeister-input.scss
Last active August 29, 2015 14:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
// ----- API --------------------------------------------------------------------------------------
// The default font size for all text in pixels
$rhythm-base-font-size: 16px !default;