Skip to content

Instantly share code, notes, and snippets.

@corysimmons
corysimmons / SassMeister-input.scss
Created February 28, 2014 17:38
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
@function -reverse($list) {
$result: ();
@each $item in $list {
@function prepend($result, $item) {
@return join($item, $result);
@corysimmons
corysimmons / SassMeister-input.scss
Created February 28, 2014 20:36
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
@function prepend($list, $value) {
@return join($value, $list);
}
@corysimmons
corysimmons / SassMeister-input.scss
Created March 2, 2014 21:14
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
// Grid Settings
$jeet-gutter: 3 !default;
$jeet-parent-first: false !default;
$jeet-layout-direction: LTR !default;
// HTML
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section>
<aside>Sidebar</aside>
<article>Content</article>
</section>
@corysimmons
corysimmons / index.html
Created March 3, 2014 19:22
Jeet broke
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section>
<div class="d1">d1</div>
<div class="d1">
<div class="d2">d2</div>
<div class="d2">
@corysimmons
corysimmons / SassMeister-input.scss
Created March 15, 2014 21:47
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// ----
$foo: (
bar: 3,
baz: 4
);
@corysimmons
corysimmons / index.js
Created March 16, 2014 09:02
requirebin sketch
var program = require('commander'),
cmd = 'ruby foo.rb';
program
.command('exec <cmd>')
.description('run the given remote command')
.action(function(cmd){
console.log('exec "%s"', cmd);
});
@corysimmons
corysimmons / SassMeister-input-HTML.html
Created March 16, 2014 12:23
Generated by SassMeister.com.
<div class="row">
<div class="col third">third</div>
<div class="col third">third</div>
<div class="col third">
<div class="col half-within-third">half-within-third</div>
<div class="col half-within-third">half-within-third</div>
</div>
</div>
@corysimmons
corysimmons / less2scss.md
Last active August 29, 2015 13:57
Converting from LESS to SCSS

Converting from LESS to SCSS

  • Convert variables: find/replace @ with $
  • Fix legit selectors: find/replace all legit @ selectors (e.g. $media to @media)
  • Convert mixins: capture all .foo( and .foo (
    • replace . with @include
  • replace all ; within those parens with ,