Skip to content

Instantly share code, notes, and snippets.

View Chrisedmo's full-sized avatar

Chris Mousdale Chrisedmo

21 followers · 37 following
View GitHub Profile
@Chrisedmo
Chrisedmo / debug.css
Created April 17, 2018 08:50 — forked from zaydek-old/bookmark.min.js
A simple CSS debugger
*:not(path) {
color: hsla(210, 100%, 100%, 0.9) !important;
background: hsla(210, 100%, 50%, 0.5) !important;
outline: solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;
box-shadow: none !important;
}
@Chrisedmo
Chrisedmo / _lazyFocusImager.twig
Created March 4, 2018 22:34 — forked from sjelfull/_lazyFocusImager.twig
Twig/Craft macro for lazy responsive images/bgimages with Imager and Focuspoint
{#
// lazyLoaded Image/bgImages, optimized with Imager and Focuspoint
---------------------------------------------------------------------------
https://nystudio107.com/blog/creating-optimized-images-in-craft-cms
https://github.com/aelvan/Imager-Craft
https://github.com/smcyr/Craft-FocusPoint
for the bgImage intrinsic ratio classname creation check:
https://github.com/inuitcss/inuitcss/blob/develop/objects/_objects.ratio.scss
@Chrisedmo
Chrisedmo / dabblet.css
Created February 18, 2013 12:02
Overflow scroll horizontal - No FlexBox
@Chrisedmo
Chrisedmo / craftblockwrap.twig
Created November 16, 2017 21:24 — forked from croxton/craftblockwrap.twig
Craft CMS matrix blocks intelligent wrapping
{# _partials/blocks/blocks.html #}
{#
Blocks component
Outputs a matrix field blocks, intelligently wrapping blocks that need to be inset from the edges
@param {object} contentBlocks (MatrixBlockModel)
#}
{# Parameters #}
@Chrisedmo
Chrisedmo / less-colours.less
Created August 13, 2013 09:11
Generate colour schemes from single colour with LESS
// LESS COLOUR SCHEMES
// Complementary Color Scheme
@base: #663333;
@complement1: spin(@base, 180);
@complement2: darken(spin(@base, 180), 5%);
@lighten1: lighten(@base, 15%);
@lighten2: lighten(@base, 30%);
// Implementation
@Chrisedmo
Chrisedmo / styles.less
Created December 29, 2017 23:18 — forked from brandondurham/styles.less
Using Operator Mono in Atom
/**
* Using Operator Mono in Atom
*
* 1. Open up Atom Preferences.
* 2. Click the “Open Config Folder” button.
* 3. In the new window’s tree view on the left you should see a file called “styles.less”. Open that up.
* 4. Copy and paste the CSS below into that file. As long as you have Operator Mono SSm installed you should be golden!
* 5. Tweak away.
*
* Theme from the screenshot (http://cdn.typography.com/assets/images/blog/operator_ide2.png):
@Chrisedmo
Chrisedmo / osx_bootstrap.sh
Last active November 14, 2017 23:00 — forked from codeinthehole/osx_bootstrap.sh
Script to install stuff I want on a new OSX machine
#!/usr/bin/env bash
#
# Bootstrap script for setting up a new OSX machine
#
# This should be idempotent so it can be run multiple times.
#
# Notes:
#
# - If installing full Xcode, it's better to install that first from the app
# store before running the bootstrap script. Otherwise, Homebrew can't access
@Chrisedmo
Chrisedmo / sublime-icloud.txt
Created November 11, 2014 13:53
Sync Sublime Text Plugins iCloud Drive
Sublime Text Plugins iCloud Drive
First Machine
On your first machine, use the following instructions.
$ cd ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/
$ mkdir ~/Library/Mobile\ Documents/com\~apple\~CloudDocs/Web\ Dev/Plugins
$ mv User ~/Library/Mobile\ Documents/com\~apple\~CloudDocs/Web\ Dev/Plugins
$ ln -s ~/Library/Mobile\ Documents/com\~apple\~CloudDocs/Web\ Dev/Plugins/User
@Chrisedmo
Chrisedmo / caskconfig.sh
Last active June 7, 2017 14:10
My Cask Config
#!/bin/sh
#
# Some cask packages that I like.
#
brew cask install sketch
brew cask install atom
brew cask install alfred
brew cask install slack
brew cask install paparazzi
brew cask install transmit
@Chrisedmo
Chrisedmo / sort-collection.css
Created July 31, 2012 11:35
Shopify: Client-side sorting for collections
.reorder-drop-down {
margin-top:10px;
padding:10px;
overflow:hidden
}
.reorder-drop-down label {
display:inline;
}