Skip to content

Instantly share code, notes, and snippets.

Erin Keeffe erindotio

Block or report user

Report or block erindotio

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
@erindotio
erindotio / styles.scss
Created Mar 11, 2018
CSS/SCSS Partial Structuring (ITCSS)
View styles.scss
// USE ITCSS FOR PARTIAL STRUCTURING
// SETTINGS
// Global variables, site-wide settings, config switches, etc.
// TOOLS
// Site-wide mixins and functions.
// GENERIC
// Low-specificity, far-reaching rulesets (e.g. resets).
@erindotio
erindotio / grid-expander.js
Created Nov 11, 2016
Click on a grid item to show an expanded row of info below the clicked item's row.
View grid-expander.js
(function(){
"use strict";
function PromiseNew() {
$('.info-cards__info-card').on('touchstart click', checkInfoExpander);
$('.info-cards').on('touchstart click', '.info-expander__close', closeInfoExpanders);
}
View _accordion.scss
.list-item {
&:first-child {border-top: $base-border;}
border-bottom: $base-border;
.button {width: 15rem;}
}
.list-item-top {padding: 1.4rem 0;}
.accordion-trigger {
position: relative;
@erindotio
erindotio / .bash_profile
Created Aug 6, 2015
Bash Profile Mac OSX (2015)
View .bash_profile
export CLICOLOR=1
export LSCOLORS=GxFxCxDxBxegedabagaced
PS1='\T \[\e[01;37m\]\u@\h \W $\[\e[0m\] '
alias ll='ls -l'
export PGHOST=localhost
export RBENV_ROOT=/usr/local/var/rbenv
export PATH="/usr/local/bin:$HOME/.rbenv/bin:$PATH"
eval "$(rbenv init -)"
# if which rbenv > /dev/null; then eval "$(rbenv init -)"; fi
@erindotio
erindotio / share-urls.md
Last active Apr 20, 2016
Custom share service URLs
View share-urls.md

Twitter

http://twitter.com/intent/tweet?text=[TITLE]&url=[URL]&hashtags=[TAG,TAG]&via=[USERNAME]&related=[twitter%3ATwitter%20News,twitterapi%3ATwitter%20API%20News] [more options]

Pinterest

http://pinterest.com/pin/create/button/?url={URI-encoded URL of the page to pin}&media={URI-encoded URL of the image to pin}&description={optional URI-encoded description}

Pinterest (custom image):

@erindotio
erindotio / viewport.html
Created Apr 23, 2015
Boilerplate Viewport Settings
View viewport.html
<!--For fully responsive sites with user zooming disabled-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
@erindotio
erindotio / icomoon-base.scss
Created Apr 21, 2015
Custom IcoMoon base styles
View icomoon-base.scss
/* Move base font icon styles onto :before in order to
avoid affecting text styles on the parent element */
[class^="icon-"], [class*=" icon-"] {
&:before {
font-family: 'su-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
@erindotio
erindotio / new-computer.bash
Last active Aug 29, 2015
Essential bash for a new computer
View new-computer.bash
# Increase key repeat speed
$ defaults write NSGlobalDomain KeyRepeat -int 1.8
# Disable character accent menu when holding down certain keys
$ defaults write -g ApplePressAndHoldEnabled -bool false
@erindotio
erindotio / img-align.scss
Last active Aug 29, 2015
Remove white space below image (<img>) tags
View img-align.scss
// Inline elements leave space for decenders in text strings (ex: g, q, j, p)
// Use this rule to remove the decender white space for image tags:
img {
vertical-align: bottom;
}
@erindotio
erindotio / placeholder.scss
Created Apr 1, 2015
Placeholder text css styling for form elements
View placeholder.scss
//placeholder colors
$placeholder-color : #aaa;
$placeholder-color-focus : #ccc;
// Placeholder CSS. Requires Bourbon (bourbon.io)
input {
@include placeholder {color: $placeholder-color;}
&:focus {
&::-webkit-input-placeholder {color: $placeholder-color-focus;}
&:-moz-placeholder {color: $placeholder-color-focus;}
&::-moz-placeholder {color: $placeholder-color-focus;}
You can’t perform that action at this time.