Skip to content

Instantly share code, notes, and snippets.

View bensmithett's full-sized avatar
🍍

Ben Smithett bensmithett

🍍
View GitHub Profile
@bensmithett
bensmithett / _widget.html.erb
Last active December 18, 2015 19:49
Working around a lack of element queries: http://filamentgroup.com/lab/element_query_workarounds/
<!-- this partial takes a boolean "respond" argument -->
<div class="<%= respond ? "widget--respond" : "widget" %>">
...
</div>
@bensmithett
bensmithett / Rockstar
Created August 9, 2013 12:51
Rockstar, the teen who thrilled Tasmanian Liberal candidate Bernadette Black: https://www.youtube.com/watch?v=nxsLgKnim3A
Rockstar: Liberal Teen
- looks like they're fun to be around
- hard worker
- so much on their plate right now!
- studying the course they always wanted to, seems to be going really well
- works a few nights a month to earn cash for maccas and pizza
- movies with mates are becoming less
- big, bad world creeping in!
- study, work & resumes taking over
- secretly dreams of playing at a higher level
@bensmithett
bensmithett / SassMeister-input.sass
Created October 16, 2013 04:57
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.7)
// ----
$ie7: false
$resp: true
body
// Output MQs
@bensmithett
bensmithett / gist:7110383
Last active December 26, 2015 06:49
Custom styles for nested modules
<div class="parent">
<div class="parent__children">
<div class="child"></div>
<div class="child--modified"></div>
</div>
</div>
<div class="gallery">
<div class="gallery__item">
<div class="photo"></div>
</div>
<div class="gallery__item">
<div class="video"></div>
</div>
<div class="gallery__item">
<div class="audio"></div>
</div>
@bensmithett
bensmithett / SassMeister-input.sass
Created November 25, 2013 05:01
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
$unquoted-string: unquote("foo")
$quoted-string: quote(foo)
body
background: $unquoted-string == $quoted-string
@bensmithett
bensmithett / SassMeister-input.scss
Created March 27, 2014 05:50
Generated by SassMeister.com.
// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----
.parent-class {
&.dropdown-toggle {
color: red;
}
}
@bensmithett
bensmithett / SassMeister-input-HTML.html
Created March 27, 2014 06:01
Generated by SassMeister.com.
<div class="parent-class dropdown-toggle">Hi</div>
<div class="dropdown-toggle parent-class">Hi</div>
var views = {
foo: function($el, el, props) {
console.log(props);
},
bar: function($el, el, props) {
console.log(props);
}
};
viewloader.execute(views);
@bensmithett
bensmithett / todo.md
Created April 13, 2014 08:04
Stuff I want to try out after CSSConf, JSConf & Decompress