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 / 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 / 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 / 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 / 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 / _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 / 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 / _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 / 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 {

kaelifa / gist:9630967

Created March 18, 2014 22:17

	{
	"debug": false,
	"domain": null,
	"lintScripts": false,
	"modelSource": null,
	"preprocessorLocations": "css-src",
	"preprocessorScriptOutput": "scripts",
	"preprocessorStyleOutput": "../static/css",
	"projectDescription": "Project Description",
	"projectName": "Project Name",

Kristina Auckland kaelifa

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General