Miguel Palau shelldandy

## SassMeister-input.sass
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

$grid__max-width    : 960px
$grid__col-number   : 12
$breakpoints        : (sm: 48em, md: 700px, lg: 1000px)

%col-generales

## SassMeister-input-HTML.jade
.row
  .offset-md-4.col-md-3
    h1 Hola amigos
  .col-md-4
    p Inspirado por <a href="http://www.flexboxgrid.com/" target="_blank">Flexbox Grid</a>

.row
  .col-md-2
    img(src="http://www.fillmurray.com/300/300")
  .col-md-8

## Chunky.js
function chunkArrayInGroups(arr, size) {
  var chunky = [];

  var arraySize = arr.length;

  for(var i = 0; i < arraySize; i+= size) {
    chunky.push(arr.slice(i, i+size));
  }


## seekdestroy

function destroyer(arr) {
  var args = Array.prototype.slice.call(arguments, 1);

  var filtered = [];

  function filter (number) {
    var check = args.indexOf(number) === -1;
    return check;
  }

## belong.js

function getIndexToIns(arr, num) {


  var sort = function(a,b) {
    return a - b;
  };

  var sortedArray = arr.sort(sort);


## cursor-trails.markdown

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                shelldandy
                / cursor-trails.markdown
            
            
              Created
              February 22, 2017 03:45
            
              
                Cursor trails
              
          
    Cursor trails

A Pen by Miguel Palau on CodePen.
License.

  
## custom-select.scss
$caret: url(BASE_64_PNG);

.custom-select {
  appearance: none;
  border-radius: 0; // Safari Mac/iOS
  border: none; // Safari Mac/iOS/Firefox
  display: block;
  width: 100%;
  background: {
    size: 12px; // Size of your caret

## slick-custom.scss
.slick-slider {
  margin-bottom: 40px;
}
// Custom Dots
.slick-dots {
  text-align: center;
  font-size: 0;
  line-height: 0;
  position: absolute;
  width: 100%;

## gulpfile.js
/*
Streamlined Shopify theme development.

npm install --save-dev yargs gulp gulp-sass gulp-changed gulp-sourcemaps gulp-autoprefixer gulp-uglify gulp-concat gulp-replace gulp-plumber gulp-babel browser-sync gulp-if del gulp-add-src gulp-rename gulp-yaml gulp-shopify-theme

Highlights:

- https proxying via BrowserSync
- autoreload
- sourcemaps support

## typekit.html
<head>
<script>
      if (window.localStorage && window.localStorage._tk_cache) {
        document.documentElement.classList.add('wf-active');
        var script = document.createElement('script');
        script.innerHTML = localStorage._tk_cache + ";(function () {var timeout = setTimeout(function () {document.documentElement.classList.remove('wf-active');}, 300); Typekit.load({ async: false, active: function () { clearTimeout(timeout); }});})();";
        document.head.appendChild(script);
      }
      window._tk_onload = function () {
        var req = new XMLHttpRequest()
	// ----
	// Sass (v3.4.14)
	// Compass (v1.0.3)
	// ----

	$grid__max-width : 960px
	$grid__col-number : 12
	$breakpoints : (sm: 48em, md: 700px, lg: 1000px)

	%col-generales
	.row
	.offset-md-4.col-md-3
	h1 Hola amigos
	.col-md-4
	p Inspirado por <a href="http://www.flexboxgrid.com/" target="_blank">Flexbox Grid</a>

	.row
	.col-md-2
	img(src="http://www.fillmurray.com/300/300")
	.col-md-8
	function chunkArrayInGroups(arr, size) {
	var chunky = [];

	var arraySize = arr.length;

	for(var i = 0; i < arraySize; i+= size) {
	chunky.push(arr.slice(i, i+size));
	}

	function destroyer(arr) {
	var args = Array.prototype.slice.call(arguments, 1);

	var filtered = [];

	function filter (number) {
	var check = args.indexOf(number) === -1;
	return check;
	}

	function getIndexToIns(arr, num) {


	var sort = function(a,b) {
	return a - b;
	};

	var sortedArray = arr.sort(sort);
	$caret: url(BASE_64_PNG);

	.custom-select {
	appearance: none;
	border-radius: 0; // Safari Mac/iOS
	border: none; // Safari Mac/iOS/Firefox
	display: block;
	width: 100%;
	background: {
	size: 12px; // Size of your caret
	.slick-slider {
	margin-bottom: 40px;
	}
	// Custom Dots
	.slick-dots {
	text-align: center;
	font-size: 0;
	line-height: 0;
	position: absolute;
	width: 100%;
	/*
	Streamlined Shopify theme development.

	npm install --save-dev yargs gulp gulp-sass gulp-changed gulp-sourcemaps gulp-autoprefixer gulp-uglify gulp-concat gulp-replace gulp-plumber gulp-babel browser-sync gulp-if del gulp-add-src gulp-rename gulp-yaml gulp-shopify-theme

	Highlights:

	- https proxying via BrowserSync
	- autoreload
	- sourcemaps support
	<head>
	<script>
	if (window.localStorage && window.localStorage._tk_cache) {
	document.documentElement.classList.add('wf-active');
	var script = document.createElement('script');
	script.innerHTML = localStorage._tk_cache + ";(function () {var timeout = setTimeout(function () {document.documentElement.classList.remove('wf-active');}, 300); Typekit.load({ async: false, active: function () { clearTimeout(timeout); }});})();";
	document.head.appendChild(script);
	}
	window._tk_onload = function () {
	var req = new XMLHttpRequest()