Skip to content

Instantly share code, notes, and snippets.

View morganfeeney's full-sized avatar
🤷‍♂️
Huh?

Morgan Feeney morganfeeney

🤷‍♂️
Huh?
View GitHub Profile
@morganfeeney
morganfeeney / sample.less
Last active October 21, 2015 15:41
Same class, same style-sheet, different font-family.
@glyphiconFont: 'Glyphicons Halflings';
@fontAwesoneFont: 'FontAwesome';
// Glyphicons
@chevron-left: "\e079";
@chevron-right: "\e080";
@plus-sign: "\e081";
@ok-sign: "\e084";
@ok: "\e013";
@triangle-bottom: "\e252";
@morganfeeney
morganfeeney / SassMeister-input.scss
Created December 7, 2015 16:56
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$brandbg: #FF7070;
$lightbg: #FFF;
$brandbg--light: #FFD4D4;
$darkbg: #555;
$u: rem;
$horz-spacing: 1;
@morganfeeney
morganfeeney / gist:e669b1ee9c1ba28d064f
Last active December 7, 2015 17:11
Flexbox and calc columns with gutters
.col-0 {
flex: 0 0 calc(100% - 0rem);
}
.col-1 {
flex: 0 0 calc(91.66667% - 0.5rem);
}
.col-2 {
flex: 0 0 calc(83.33333% - 0.66667rem);
NameVirtualHost *
<VirtualHost *>
DocumentRoot "/Applications/MAMP/htdocs"
ServerName localhost
</VirtualHost>
<VirtualHost *>
DocumentRoot "/Volumes/LaCie/repos/morganfeeney.com-prototypes/build"
ServerName local.morganfeeney.com
// Settings - these need moving to the variables.less file I think
@icon-font-line-height: 1;
@icon-font-size-base: @font-size-base;
// Defaults used by the icon mixins
@icon-font-default-icon: "\f245";
@icon-font-default-color: inherit;
@icon-font-default-margin: (@grid-gutter-width/2);
@icon-font-default-icon: @shopping-cart;
@grid-gutter-width: 12px;
@font-size-base: 14px;
@icon-pos: before, right;
@icon-pos-override: after, left;
@icon-position: extract(@icon-pos, 1);
@icon-offset: extract(@icon-pos, 2);
@icon-position-override: extract(@icon-pos-override, 1);
@icon-offset-override: extract(@icon-pos-override, 2);
// Icons
@oneIcon: "\f110";
@twoIcon: "\f015";
@icon-before: before, right;
@icon-after: after, left;
@global-icon-position: @icon-before;
@global-icon-position-override: @icon-after;
@icon-position: extract(@global-icon-position, 1);
@icon-offset: extract(@global-icon-position, 2);
@icon-position-override: extract(@global-icon-position-override, 1);
@theme-name: "common";
@base-url: "url/@{theme-name}";
@font-face-file-path: "@{base-url}/fonts";
.font-face(
@font-face-family;
@font-face-file-name;
@font-face-file-path: @font-face-file-path;
@font-face-directory: @font-face-family;
@font-face-weight: normal;
@morganfeeney
morganfeeney / LetterpressSizes.json
Created September 9, 2016 09:55 — forked from sehrgut/LetterpressSizes.json
Traditional letterpress point size names, in JSON
/*
* Transcribed to JSON from http://en.wikipedia.org/wiki/Point_(typography)#Traditional_point-size_names
* This document is free and open-source software licensed simultaneously under the MIT License, the GPL v2,
* and the two-clause BSD License.
*
* nb. Where conflicts in naming existed (Double Small Pica and Double Pica), the British unit took
* precedence. In all other cases, both US and British units are described.
*/
{
"LetterpressSizes": {
{
"story": [
{"Story1": "Goldilocks"},
{"chapterUrls": "This porridge sucks!"}
]
}