Skip to content

Instantly share code, notes, and snippets.

@kaelifa
kaelifa / gist:3925009
Created October 20, 2012 22:13 — forked from lucasfais/gist:1207002
Sublime Text 2 - Useful Shortcuts

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T go to file
⌘⌃P go to project
⌘R go to methods
⌃G go to line
⌘KB toggle side bar
⌘⇧P command prompt
@kaelifa
kaelifa / index.html
Created November 9, 2012 08:04
A CodePen by kaelifa. Setting colour opacity using rbga - A function where I can set the RGB colour value once as a variable and then amend the opacity on a case-by-case basis
<div class="example-colour75">
<p>Example colour with 75% opacity</p>
</div>
<div class="example-colour50">
<p>Example colour with 50% opacity</p>
</div>
<div class="example-colour25">
@kaelifa
kaelifa / index.html
Created November 9, 2012 08:08
A CodePen by kaelifa. Playing with rgba and opacity
<div class="example-colour75">
<p>Example colour with 75% opacity</p>
</div>
<div class="example-colour5">
<p>Example colour with 50% opacity</p>
</div>
<div class="example-colour5">
@kaelifa
kaelifa / readable commenting
Created February 2, 2013 10:35
Comment header formatted using spaces
/**
* @description: Creates the styling for the social navigation
*
* @author: kaelifa
* @version: 0.1
* @date: 2013-02-02
*
*
* @example:
* <nav class="navSocial">
@kaelifa
kaelifa / tab formatted comment header
Created February 2, 2013 10:39
Comment header formatted using tabs Change the indent size, there is no way to ensure the formatting is maintained.
/**
* @description: Creates the styling for the social navigation
*
* @author: kaelifa
* @version: 0.1
* @date: 2013-02-02
*
*
* @example:
* <nav class="navSocial">
@kaelifa
kaelifa / _debug.scss
Last active December 22, 2015 18:09
Using colours to name breakpoints
/**
* @description Class for developer specific information
*
* @author Kristina Auckland
* @version 0.1
* @date 2013-05-14 09:57
*
*
* @example
* <div class="globalHeader">
@kaelifa
kaelifa / config.rb
Created January 15, 2014 16:05
Example config.rb
# Require any additional compass plugins here.
require "susy"
# require "modular-scale"
# require "sassy-buttons"
# require "animation"
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "css-src"
@kaelifa
kaelifa / _config.yml
Created January 15, 2014 16:06
Example _config.yml
name: Project name
markdown: redcarpet
pygments: true
# Exclude the following from the build
# exclude css-src as this is the sass and not required for output
# exclude .sass-cache as not required for output
# exclude config.rb as these are the configuration settings for compass
# core files/folders to exclude
@kaelifa
kaelifa / SassMeister-input.scss
Created March 18, 2014 20:47
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// ----
.flash {
border: 3px solid green;
padding: 1em;
&--red {
{
"debug": false,
"domain": null,
"lintScripts": false,
"modelSource": null,
"preprocessorLocations": "css-src",
"preprocessorScriptOutput": "scripts",
"preprocessorStyleOutput": "../static/css",
"projectDescription": "Project Description",
"projectName": "Project Name",