Skip to content

Instantly share code, notes, and snippets.

View nonlinear's full-sized avatar

Nicholas Frota nonlinear

View GitHub Profile

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables

@nonlinear
nonlinear / _mixins.scss
Last active October 11, 2015 16:58
SASS: _mixins.scss
DEPRECATED
check bettercanvas project, _mixins.scss at https://github.com/nonlinear/bettercanvas
@nonlinear
nonlinear / gist:3890464
Created October 15, 2012 02:01
CSS: reset CSS
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
@nonlinear
nonlinear / gist:3890373
Created October 15, 2012 01:25
SUBLIME: Keymap Cheatsheet
PALETTES | TOGGLES | SCREENS
⌘⇧P Command Palette | ⌃S Toggle Side Bar | ⌘⌥↑ One Screen
⌘P Open Anything Palette | ⌘/ Toggle Comment | ⌘⌥↓ Two Screens
⌘R Symbol Palette | ⌃I Reindent | ⌘⌥→ Two Screens, Large-Small
⌃space Gist Palette | ⌘⌃↑ Move Section Up | ⌘⌥← Two Screens, Small-Large
⌘⌃P Project Palette | ⌘⌃↓ Move Section Down | ⌃1,2 Focus Screens
⌥space Terminal Panel | | ⌥1,2 Move File to screens
@nonlinear
nonlinear / gist:3890343
Created October 15, 2012 01:05
SUBLIME: sublime.keymap - User
[
{ "keys": ["ctrl+s"], "command": "toggle_side_bar" },
{ "keys": ["ctrl+i"], "command": "reindent" },
{
"keys": ["super+alt+left"],
"command": "set_layout",
"args":
{
"cols": [0.0, 0.33, 1.0],
"rows": [0.0, 1.0],
@nonlinear
nonlinear / gist:3886783
Created October 14, 2012 00:53
SUBLIME: project.sublime-project
// TODO: update path for actual project.
{
"url": "http://localhost:3000/",
"folders":
[
{
"path": "/Users/nonlinear/Documents/Projects/bins/app/assets/"
},
{
"path": "/Users/nonlinear/Documents/Projects/bins/app/views/"
@nonlinear
nonlinear / Preferences.sublime-settings
Created October 13, 2012 23:18 — forked from robcowie/Preferences.sublime-settings
SUBLIME: SublimeTODO config
// add before end of brackets
"todo":
{
"file_exclude_patterns":[
"*.po", "*.log", "*.scssc", "*.mo"
],
"folder_exclude_patterns": [
"static", "vendor", "tmp"
],
"patterns":
@nonlinear
nonlinear / gist:3882103
Created October 12, 2012 22:53
HTML: iOS WebApp-capable
<meta name=”apple-mobile-web-app-capable” content=”yes” />
@nonlinear
nonlinear / bootstrap_modal.html
Last active October 11, 2015 15:47
bootstrap_modal
<!--
TODO:
1. add trigger: <button data-toggle="modal" data-target="#myModal">Trigger</button>
2. rename myModal id and trigger
OPTIONS:
for persistent modal, add data-backdrop="static" to trigger
-->
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
@nonlinear
nonlinear / gist:3882051
Created October 12, 2012 22:39
HTML: chrome iframe enabled
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">