Skip to content

Instantly share code, notes, and snippets.

View aebsr's full-sized avatar

Antoine Butler aebsr

View GitHub Profile
@aebsr
aebsr / BMORESPONSIVE-CSS-Logo-Mark.markdown
Created February 24, 2014 21:48
A Pen by Antoine Butler.
1 warning generated.
compiling nio4r_ext.c
In file included from nio4r_ext.c:6:
In file included from ./nio4r.h:10:
/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.9.sdk/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/include/ruby-2.0.0/ruby/backward/rubyio.h:2:2: warning: use "ruby/io.h" instead of "rubyio.h" [-W#warnings]
#warning use "ruby/io.h" instead of "rubyio.h"
^
In file included from nio4r_ext.c:7:
./../libev/ev.c:481:48: warning: '/*' within block comment [-Wcomment]
@aebsr
aebsr / icbiacontrol.less
Created February 5, 2013 21:18
Sample form element rules, that style text, radio and checkbox inputs as well as selectboxes and textareas consistently across browsers when used with 'I Can't Believe It's a Control!' https://github.com/matthewwithanm/jquery-icbiacontrol/
/*!
* icbiacontrol sample styles
*
* Copyright 2013 Antoine Butler
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Sample form element styles, that style text, radio and checkbox inputs as well as
* selectboxes and textareas consistently across browsers. Built by @aebsr
*/
@aebsr
aebsr / font-size.less
Last active December 16, 2015 00:19
Adaptive font size Less mixin & px fallback
.font-size(@font-size: 16, @mobile-ratio: 66) {
@rem: (@font-size / 10);
@percent: (@mobile-ratio / 100);
font-size: (@font-size * 1px);
font-size: ~"@{rem}rem";
@media @mobile {
@rem: ((@font-size / 10) * @percent);
@aebsr
aebsr / typekit.less
Last active December 16, 2015 04:08
Typekit Less Mixin
.your-font-name(@weight: 3, @style: 'n') {
// Value combinations - i is for italic
// light: 3, n
// regular: 4, n/i
// medium: 5, n
// bold: 7, n/i
// Valid Syntax
// .your-font-name(3, n)
// .your-font-name(3, 'n')
@aebsr
aebsr / unstyle-form.less
Last active December 16, 2015 22:58
unstyle form mixin, for possible inclusion into bedrock
// mixin - extends mixins from aebsr/bedrock
.unstyle-form () {
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]{
.background-clip(padding);
.border-radius(0);
-webkit-appearance: none;
background-color: #fff;
color: #000;
outline: 0;
@aebsr
aebsr / shapes.ness
Last active December 17, 2015 22:19
proposed css preproccesor syntax borrowing heavily from coffeescript
// cssNess
// it's css with ness on the end
// http://www.imdb.com/title/tt0463034/quotes#qt1415897
@import size
.square
size 6em
.rectangle
define (require) ->
$ = require 'jquery'
$(document).ready ->
deferrableImages = $("img[data-src]").toArray()
# deferrableImages = $("img[data-src]").toArray()
loadImage = ($el, $fn) ->
@aebsr
aebsr / coo.bash
Created June 10, 2013 15:15
checkout orphan branch
coo() {
if [ $1 ]; then
git checkout --orphan $1;
git rm -rf .;
touch README.md;
git add README.md;
git commit -m 'orphan branch initial commit';
git push --set-upstream origin $1;
fi
}