Skip to content

Instantly share code, notes, and snippets.

View sturobson's full-sized avatar
:atom:
coding things

Stuart Robson sturobson

:atom:
coding things
View GitHub Profile
@sturobson
sturobson / gist:8823990
Created February 5, 2014 13:50
What's going on with my JS
So I've got this code
var $tooltips = $('.tooltip__link');
$tooltips.on('click touchstart', function(){
var tooltip = $(this);
tooltip.toggleClass('js-opened');
return false;
@sturobson
sturobson / SassMeister-input.scss
Created February 8, 2014 12:12
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----
.foo, .bar {
&__element {
color: blue;
&--modifier {
color: red;
@sturobson
sturobson / SassMeister-input.scss
Created February 14, 2014 15:58
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----
.a {
&-test {
color: red;
}
@sturobson
sturobson / SassMeister-input.scss
Created February 14, 2014 16:23
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----
.block {
/* body */
background: red;
&__element {
/* body__hand */
@sturobson
sturobson / SassMeister-input.scss
Created February 26, 2014 11:27
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.4)
// Compass (v1.0.0.alpha.18)
// ----
.a {
background: #FFF;
&-test {
color: red;
@sturobson
sturobson / SassMeister-input.sass
Created February 27, 2014 21:55
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
// Horizontal gradient, from left to right
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
// Color stops are not available in IE9 and below.
=gradient-horizontal($start-color: #555555, $end-color: #333333, $start-percent: 0%, $end-percent: 100%)
@sturobson
sturobson / SassMeister-input.scss
Created February 28, 2014 10:44
Generated by SassMeister.com.
// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----
.nav {
&.thing {
color: red;
}
}
@sturobson
sturobson / SassMeister-input.scss
Created March 5, 2014 15:02
Generated by SassMeister.com.
// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----
// -------------------------------------
// helpers
// -------------------------------------
@mixin ir {
@sturobson
sturobson / SassMeister-input-HTML.html
Created March 5, 2014 23:06
Generated by SassMeister.com.
<ul>
<li class="social-link social-link--twitter"><a href="#">twitter</a></li>
<li class="social-link social-link--facebook"><a href="#">facebook</a></li>
<li class="social-link social-link--linkedin"><a href="#">linkedin</a></li>
<li class="social-link social-link--googleplus"><a href="#">google+</a></li>
<!--<li class="social-link social-link--flickr"><a href="#">flickr</a></li>-->
<!--<li class="social-link social-link--pinterest"><a href="#">pinterest</a></li>-->
<!--<li class="social-link social-link--skype"><a href="#">skype</a></li>-->
<li class="social-link social-link--RSS"><a href="#">RSS</a></li>
</ul>
@sturobson
sturobson / SassMeister-input.scss
Created March 6, 2014 22:42
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
$media: (
heading-font-size: 24px,
body-font-size: 16px,
width: 300,
img-height: 120px,