ijy

@function em($target, $context: $base-font-size) {
   @if $target == 0 { @return 0 }
   @return $target / $context + 0em;
}

$base-font-size: 15px;

h1 {
	font-size: em(21px, 15px); // Outputs 1.4em
}

olivierlacan

git config --global alias.hist "log --pretty=format:'%h %ad | %s%d [%an]' --graph --date=short"
git config --global alias.lol "log --graph --decorate --pretty=oneline --abbrev-commit --all"
git config --global alias.mylog "log --pretty=format:'%h %s [%an]' --graph"

To check that they've been added correctly, first run git config --list. You should see something like this in the midst of all your other configuration:

alias.hist=log --pretty=format:"%h %ad | %s%d [%an]" --graph --date=short

agnoster

agnoster.zsh-theme

A ZSH theme optimized for people who use:

• Solarized
• Git
• Unicode-compatible fonts and terminals (I use iTerm2 + Menlo)

For Mac users, I highly recommend iTerm 2 + Solarized Dark

rubiadias

@mixin size($height: auto, $width: auto, $display: block )
  display: $display
  height: $height
  width: $width

@mixin square($size: auto, $display: block )
  +size($size, $size, $display)

@mixin absLT($left: 0, $top: 0 )
  left: $left

larodiel

/*
** Opacity
*/
.opacity(@opacity: 0.5) {
  -moz-opacity: @opacity;
  -khtml-opacity: @opacity;
  -webkit-opacity: @opacity;
  opacity: @opacity;
  @opperc: @opacity * 100;
  -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";

larodiel

export default function share(social, text, url, image) {
  if (social !== "fb" && social !== "twitter" && social !== "pinterest") {
    console.log("Share not found");
    return false;
  }

  var   share_url    = url || window.location.href;
  var   sharer       = ''
  const windowWidth  = 626;
  const windowHeight = 436;

piouPiouM

$ sass -t expanded test01.scss
test01.scss:10 DEBUG: list of 3 values:
test01.scss:14 DEBUG:   - (string)  a
test01.scss:14 DEBUG:   - (color)  #bada55
test01.scss:14 DEBUG:   - (number)  42
test01.scss:10 DEBUG: list of 2 values:
test01.scss:14 DEBUG:   - (bool)  false
test01.scss:14 DEBUG:   - (string)  yummy
test01.scss:14 DEBUG: (number)  14px
test01.scss:14 DEBUG: (string)  gloubiboulga

aaronwaldon

How to set up Gulp with an ExpressionEngine project

I freaking love working with technologies like Grunt and Gulp, and wanted to share how to get my current EE front-end workflow set up. With a few tweaks, this can also be used with virtually any other sites (I've used it with Laravel, static sites, Craft, etc).

Install Node.js

• If Node is not yet installed on the machine, it will need to be installed

Install Gulp (if needed)

JTLR

$stylesheet: 'ie';

@import 'rem-function';

.element {
  margin: rem(20);  
}

KittyGiraudel

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----

// -----------------------------------------------------------------------------
// Introduction
// -----------------------------------------------------------------------------

// Here is hacky and experimental solution for cross-scopes extends