remi

[alias]
  etat = status
  pousser = push
  tirer = pull
  commettre = commit
  ranger = stash
  ajouter = add
  enlever = rm
  cloner = clone
  fusionner = merge

liamcurry

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

chriseppstein

@function add-grid($grid-definition) {
  $grid-split: split_string($grid-definition, 'at');
  
  $number: to-number(nth($grid-split, 2));
  @debug $number;
  @debug type-of($number);
 
  @return $number;
}
 

cobyism

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

ganshoot

Purecssio grid system

Just a showcase of the purecss.io grid system.

A Pen by LukyVJ on CodePen.

License.

LukyVj

Demo important.js

With jq_important.js | It don't need jquery loaded. The script auto load Jquery.

A Pen by LukyVJ on CodePen.

License.

roytomeij

$grid-width: str-length(nth($grid, 1));
$column-width: 100% / $grid-width;
$row-height: 100% / length($grid);

omgmog

$(function() {
    var $el = $('.parallax-background');
    $(window).on('scroll', function () {
        var scroll = $(document).scrollTop();
        $el.css({
            'background-position':'50% '+(-.4*scroll)+'px'
        });
    });
});

pascalduez

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

// Capitalize string
// --------------------------------------------------------------------------------
// @param [string] $string
// --------------------------------------------------------------------------------
// @return [string]

zachharkey

@mixin coverer($position: absolute) {
  position: $position;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@mixin centerer($position: absolute) {
  position: $position;