Skip to content

Instantly share code, notes, and snippets.

@matbrady
matbrady / SassMeister-input-HTML.html
Created January 14, 2014 21:55
Generated by SassMeister.com.
<div class="color">
<span class="old">Old Color:</span>
</br>
<span class="new">New Color:</span>
</div>
<div class="small">
<a href="#" class="old">Original Color</a>
<a href="#" class="new">Constrasted Color</a>
</div>
@matbrady
matbrady / SassMeister-input.scss
Created March 12, 2014 21:55
Generated by SassMeister.com.
// ----
// Sass (v3.3.1)
// Compass (v1.0.0.alpha.18)
// ----
/*---------------------------------*\
Tabs
\*---------------------------------*/
// Option 1 - nested
@matbrady
matbrady / SassMeister-input-HTML.html
Created June 23, 2014 16:20
Generated by SassMeister.com.
<div class="container loading ">
<div class="octagon-icon">
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 115.4 43.2">
<path id="outline-small" display="none" fill="none" stroke="#ffffff" stroke-width="1.9512" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M73.8,0.9c3.1,0,5.6,2.5,5.6,5.6v30.1c0,3.1-2.5,5.6-5.6,5.6H41.6c-3.1,0-5.6-2.5-5.6-5.6V6.5c0-3.1,2.5-5.6,5.6-5.6H73.8z"></path>
<g class="icon icon-loading" transform="translate(50%,50%)">
<path d="M67.7,21.9C67.7,22,67.7,22,67.7,21.9c-0.6,2.5-1.8,4.5-3.6,6c-1.8,1.5-4,2.3-6.5,2.3c-1.3,0-2.6-0.2-3.8-0.7
c-1.2-0.5-2.3-1.2-3.3-2.1L48.8,29c-0.2,0.2-0.4,0.3-0.6,0.3c-0.2,0-0.4-0.1-0.6-0.3c-0.2-0.2-0.3-0.4-0.3-0.6v-6.1
c0-0.2,0.1-0.4,0.3-0.6c0.2-0.2,0.4-0.3,0.6-0.3h6.1c0.2,0,0.4,0.1,0.6,0.3c0.2,0.2,0.3,0.4,0.3,0.6S55,22.8,54.9,23L53,24.8
c0.6,0.6,1.4,1.1,2.2,1.4s1.7,0.5,2.5,0.5c1.2,0,2.3-0.3,3.4-0.9s1.9-1.4
@matbrady
matbrady / SassMeister-input.scss
Created July 10, 2014 14:52
Generated by SassMeister.com.
// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// Bourbon (v4.0.2)
// ----
@import "bourbon/bourbon";
.PeopleFeature {
background-image: url(image-path("prototype/bg2.jpg"));
@matbrady
matbrady / route.js
Created October 29, 2014 18:55
Express request acceptance override example
var express = require('express');
var acceptOverride = require('connect-acceptoverride'); // https://github.com/olalonde/connect-acceptoverride
var router = express.Router();
var app = ();
var overrides = acceptOverride();
app.use('/layouts', router);
router
@matbrady
matbrady / glyphs.md
Last active August 29, 2015 14:08
Commonly used glyphs
Glyph Numeric CSS (hex) JS (hex)
&#8249 \2039 \u2039
&#8250 \203A \u203A
- &#45 \002D \u002D
&#8211 \2013 \u2013
&#8212 \2014 \u2014

How to Use

Numeric

/* Bootstrap Clearfix
* src: http://www.bluthemes.com/blog/3/clearing-bootstrap-3-columns
*/
/* Tablet */
@media (min-width:767px){
/* Column clear fix */
.col-lg-1:nth-child(12n+1),
.col-lg-2:nth-child(6n+1),
body {
text-align: center;
}
form {
display: inline-block;
text-align: left;
margin: 0 auto;
max-width: 800px;
}
section {
@matbrady
matbrady / migration.rb
Created October 10, 2017 14:15
Add Not Null Column to Existing Model
class AddPublishableToTimelinePage < ActiveRecord::Migration[5.0]
def up
add_column :timeline_pages, :published_at, :datetime
add_column :timeline_pages, :status, :string, null: false, default: "draft"
add_column :timeline_pages, :uuid, :text
TimelinePage.update_all({
published_at: Time.now,
uuid: SecureRandom.uuid
})
@matbrady
matbrady / pantheon.md
Last active January 9, 2018 20:39
Notes when investigating Pantheon