I saw some JS filter setups, so naturally I had to see if I could make a CSS one. Pretty simple.
A Pen by Sam Gordon on CodePen.
I saw some JS filter setups, so naturally I had to see if I could make a CSS one. Pretty simple.
A Pen by Sam Gordon on CodePen.
<script type="text/javascript"> | |
(function (css_href) { | |
"use strict"; | |
// a simple event handler wrapper | |
function on(el, ev, callback) { | |
if (el.addEventListener) { | |
el.addEventListener(ev, callback, false); | |
} else if (el.attachEvent) { | |
el.attachEvent("on" + ev, callback); |
<script type="text/javascript"> | |
(function () { | |
"use strict"; | |
// once cached, the css file is stored on the client forever unless | |
// the URL below is changed. Any change will invalidate the cache | |
var css_href = './index_files/web-fonts.css'; | |
// a simple event handler wrapper | |
function on(el, ev, callback) { | |
if (el.addEventListener) { | |
el.addEventListener(ev, callback, false); |
git branch -m old_branch new_branch # Rename branch locally | |
git push origin :old_branch # Delete the old branch | |
git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote |
A list of Sketch plugins hosted at GitHub, in no particular order.
css = IO.read('application.css') | |
# find all hex color values | |
hex = css.scan(/#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})/).flatten.map(&:strip) | |
# convert the short code colors into long versions | |
hex.map! { |color| color.length == 3 ? (c = color.split('')).zip(c).join : color } | |
# find all rgb and rgba color values | |
rgb = css.scan(/(rgba?\(\d+,\s*\d+,\s*\d+(?:,\s*\d+(?:\.\d+)?)?\))/).flatten |
class CustomMarkdown < Middleman::Extension | |
$markdown_options = { | |
autolink: true, | |
fenced_code_blocks: true, | |
no_intra_emphasis: true, | |
strikethrough: true, | |
tables: true, | |
hard_wrap: true, | |
with_toc_data: true | |
} |
# Use this setup block to configure all options available in SimpleForm. | |
SimpleForm.setup do |config| | |
# you need an updated simple_form gem for this to work, I'm referring to the git repo in my Gemfile | |
config.input_class = "form-control" | |
config.wrappers :bootstrap, tag: 'div', class: 'form-group', error_class: 'error' do |b| | |
b.use :html5 | |
b.use :placeholder | |
b.use :label | |
b.use :input |
Preparing for installation & installation.
Post installation.
Add the following to /Extra/org.chameleon.Boot.plist
:
// set base font size if not set | |
// normalize.css standard value | |
$base-font-size: 16px !default | |
// define scope font size to make it available globally | |
$__scope: $base-font-size | |
@function relative($arguments) | |
// ensure that the scope size is set | |
$__scope: $base-font-size !default |