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

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

#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

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

yacine

# Usage
# $ showhiddenfiles 'Args'
# YES 'Default you can leave YES'
# NO  

function showhiddenfiles () {
	defaults write com.apple.finder AppleShowAllFiles -bool ${1:-YES}
	killall Finder
}

yacine

{
	"ignored_packages":
	[
		"jQuery",
		"Markdown Preview",
		"Vintage",
		"WordPress"
	],
	"font_size": 14,
	"tab_size": 4,

yacine

# Change format
defaults write com.apple.screencapture type jpg

# Change default location
mkdir ~/Pictures/Screenshots/
defaults write com.apple.screencapture location ~/Pictures/Screenshots/
killall SystemUIServer

yacine

// font weight
.font-thin { font-weight: 100; }
.font-light { font-weight: 300; }
.font-regular { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-bold { font-weight: 700; }
.font-black { font-weight: 900; }

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

@media (min-width: @screen-xs-min) {}
@media (min-width: @screen-sm-min) {}
@media (min-width: @screen-md-min) {}
@media (min-width: @screen-lg-min) {}

@media (min-width: @screen-xs-max) {}
@media (min-width: @screen-sm-max) {}
@media (min-width: @screen-md-max) {}