Skip to content

Instantly share code, notes, and snippets.

Allan White allanwhite

Block or report user

Report or block allanwhite

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View seldon-functions.scss
// functions includes mixins for now
/// Return black or white with alpha
/// @access public
/// @param {Opacity} $opacity, 0-1
/// @return - black or white with alpha, like rgba(0,0,0,0.4);
@function black($opacity) {
@return rgba(0,0,0,$opacity);
}
@function white($opacity) {
View seldon.css
/* as of Dec 2017 */
@import url("https://fonts.googleapis.com/css?family=Source+Serif+Pro:400");@media print, screen and (min-width: 40em){.reveal,.reveal.tiny,.reveal.small,.reveal.large{right:auto;left:auto;margin:0 auto}}/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#f
@allanwhite
allanwhite / image_helpers.rb
Last active Dec 7, 2017 — forked from bitmanic/image_helpers.rb
Inline SVG in Middleman
View image_helpers.rb
# Middleman - Inline SVG Helper
# ------------------------------------------------------------------------------
# 1. Save this file at `[project_root]/helpers/image_helpers.rb`
# 2. Restart your local Middleman server if it's running
# 3. Embed SVG files into your template files like so:
#
# <%= inline_svg("logo"); %> assuming logo.svg is stored at source/assets/icons/inlined/logo.svg
#
# The helper also allows for CSS classes to be added:
#
View seldon-settings.scss
// Helpers
$font_backup: -apple-system, BlinkMacSystemFont, "Roboto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$font_sans: "GT America", $font_backup;
$font_serif: "Source Serif Pro", Georgia, serif;
// Font Weights // GT America Mapping; omitting ones that aren't loaded. Can be restored and loaded in fonts.scss.
$font-weight-xlight: 100; // ultra light
$font-weight-thin: 200; // thin
$font-weight-light: 300; // light
@allanwhite
allanwhite / echo-one-base.scss
Created Sep 21, 2016
A SASS variable & Mixin boilerplate for codepen work.
View echo-one-base.scss
$c_brand: #2098CA;
$c_brand-alt: #1055ff; // stratum blue
// key gray scale colors used with microcopy
$c_primary: #111;
$c_secondary: #848484;
$c_lightest_gray: #ddd;
$c_light_gray: #aaa;
$c_mid_gray: #777;
$c_dark_gray: #444;
@allanwhite
allanwhite / SassMeister-input-HTML.html
Created Feb 18, 2016
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class="flex flex-center">
<img class="client" src="https://catalyze.io/assets/img/customer-logos/zipnosis-logo.png" alt="logo"/>
<img class="client" src="https://catalyze.io/assets/img/customer-logos/zipnosis-logo.png" alt="logo"/>
<img class="client" src="https://catalyze.io/assets/img/customer-logos/zipnosis-logo.png" alt="logo"/>
<img class="client" src="https://catalyze.io/assets/img/customer-logos/zipnosis-logo.png" alt="logo"/>
<img class="client" src="https://catalyze.io/assets/img/customer-logos/zipnosis-logo.png" alt="logo"/>
<img class="client" src="https://catalyze.io/assets/img/customer-logos/zipnosis-logo.png" alt="logo"/>
</div>
@allanwhite
allanwhite / boilerplate-proof.scss
Last active Feb 18, 2016
Basic SASS variables & functions for a page mockup (Proof).
View boilerplate-proof.scss
$gray-1: hsl(248, 3%, 8%);
$gray-2: hsl(248, 3%, 16%);
$gray-3: hsl(248, 3%, 25%);
$gray-4: hsl(248, 3%, 33%);
$gray-5: hsl(248, 3%, 41%);
$gray-6: hsl(248, 3%, 50%);
$gray-7: hsl(248, 3%, 58%);
$gray-8: hsl(248, 3%, 66%);
$gray-9: hsl(248, 3%, 75%);
$gray-10: hsl(248, 3%, 83%);
View sass-boilerplate.scss
$gray-1: hsl(225, 4%, 8%);
$gray-2: hsl(225, 4%, 16%);
$gray-3: hsl(225, 4%, 25%);
$gray-4: hsl(225, 4%, 33%);
$gray-5: hsl(225, 4%, 41%);
$gray-6: hsl(225, 4%, 50%);
$gray-7: hsl(225, 4%, 58%);
$gray-8: hsl(225, 4%, 66%);
$gray-9: hsl(225, 4%, 75%);
$gray-10: hsl(225, 4%, 83%);
@allanwhite
allanwhite / numbers.jade
Created Oct 1, 2015
Generate numbers 1-N
View numbers.jade
- for (var c = 1; c < 500; c++)
if c < 10
div 00#{c}
else if c <100
div 0#{c}
else
div #{c}
@allanwhite
allanwhite / hsq-settings.scss
Last active Aug 29, 2015
A list of sass variables, mixins, extends, and global settings for codepens.
View hsq-settings.scss
$gray-1: hsl(30, 4%, 8%);
$gray-2: hsl(30, 4%, 16%);
$gray-3: hsl(30, 4%, 25%);
$gray-4: hsl(30, 4%, 33%);
$gray-5: hsl(30, 4%, 41%);
$gray-6: hsl(30, 4%, 50%);
$gray-7: hsl(30, 4%, 58%);
$gray-8: hsl(30, 4%, 66%);
$gray-9: hsl(30, 4%, 75%);
$gray-10: hsl(30, 4%, 83%);
You can’t perform that action at this time.