Skip to content

Instantly share code, notes, and snippets.

View hatefulcrawdad's full-sized avatar

Chris Michel hatefulcrawdad

110 followers · 7 following
View GitHub Profile
@hatefulcrawdad
hatefulcrawdad / foundation4-semantic-grid.html
Last active October 18, 2023 13:27
Our mobile first grid mixins for Foundation 4.0. Comments welcome.
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Foundation Semantic Grid Testing</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
@agorilla
agorilla / _map-get-next.scss
Last active March 7, 2020 11:01
Sass function map-get-next
/// Function to get next map item
/// returns next map item or fallback value if map, key or next item does not exist
/// Github Repo: https://github.com/elcheio/sass-map-get-next-prev
/// Node Module: https://www.npmjs.com/package/sass-map-get-next-prev
///
/// @author Simon Koch <agorilla@me.com>
///
/// Licensed under the MIT license.
///
/// @access public
@hatefulcrawdad
hatefulcrawdad / modular-scale.txt
Created August 22, 2012 07:34
BuzzApp | Modular Scale
// BuzzApp Modular Scale Table
//
// 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
// | | | | | | | | | | | | | | | | | |
// 16, 21, 26, 34, 42, 56, 68, 90, 110, 146, 177, 236, 287, 382, 464, 618, 752, 1000
Note: These numbers are rounded from the original scale, giving us a cleaner set of numbers to work with.
@EdCharbeneau
EdCharbeneau / properties-for-helper.js
Last active August 29, 2015 14:05
Get and display css properties at runtime.
(function () {
displayCssInfoFor();
})();
// A simple helper to display the CSS properties of an element at runtime.
// Use:
// By defualt, displays the color of the previous sibiling.
// <span data-properties-for></span>
// Specify element
// <span data-properties-for='{"element": "selector"}'></span>