yacine

#align {
  .horizontal(@el-width) {
    left: 50%;
    right: initial;
    margin-left: -(@el-width/2);
  }
  .vertical(@el-height) {
    top: 50%;
    bottom: initial;
    margin-top: -(@el-height/2);

yacine

// image densities
// --------------------------------------------------
@img-path: "img/";

.img-density(@file, @img-width:100%, @img-height:auto) {
  @basefile: ~`(function(){ return @{file}.replace(/([^\.]*)\.(.*)/, '$1'); })()`;
  @ext: ~`(function(){ return @{file}.replace(/([^\.]*)\.(.*)/, '$2'); })()`;
  background-image: url("@{img-path}@{basefile}.@{ext}");
  background-size: @img-width @img-height;
  @media

yacine

// source https://css-tricks.com/snippets/css/css-triangle/

.square(@size) {
    width: @size;
    height: @size;
}

.arr-dir(h, @bw) {
    border-top: @bw solid transparent;
    border-bottom: @bw solid transparent;

yacine

<snippet>
    <content><![CDATA[
<img src="http://lorempixel.com/${1:200}/${2:200}/${3:abstract}/" alt="image $1 x $2"/>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>pixum</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope></scope> -->
</snippet>

yacine

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