LukyVj

// Background mixin 
@mixin strips($color, $angle){
  $color: saturate(lighten($color, 2%), 10%);
  background: $color 
  linear-gradient($angle, $color 0%, $color 10%,
  mix(black, $color, 5%) 10%, mix(black, $color, 5%) 20%,
  mix(black, $color, 12%) 19%, mix(black, $color, 10%) 21%, // Thin line between gradient
  mix(black, $color, 10%) 20%, mix(black, $color, 10%) 30%,
  mix(black, $color, 17%) 29%, mix(black, $color, 15%) 31%, // Thin line between gradient      
  mix(black, $color, 15%) 30%, mix(black, $color, 15%) 40%,

LukyVj

// ----
// libsass (v3.2.5)
// ----

// SASSVG 
//
// API : 
// svg(<shape>, <size>, <color>, <unit>, <repeat>, <path:false>);
@mixin svg($shape, $size, $color, $unit, $repeat, $path: false) {

jonathantneal

<p><a href="//facebook.com/119703784116" data-external="fb://profile/119703784116">Facebook</a>

<p><a href="//foursquare.com/v/4e4b3090fa7671a85ce77d0e" data-external="foursquare://venues/4e4b3090fa7671a85ce77d0e">Foursquare</a>

<p><a href="//twitter.com/oisfinc" data-external="twitter:/user?screen_name=oisfinc">Twitter</a>

<p><a href="//yelp.com/biz/orange-international-street-fair-orange" data-external="yelp:/biz/orange-international-street-fair-orange">Yelp</a>

<p><a href="//example.com/foo" data-external="example:/foo">Example</a>

jonathantneal

<?php

/**
 * Render_Menu
 * -----------------
 * Render a menu using simple, semantic HTML
 *
 * Usage: new Render_Menu(@name)
 *
 * @name (string) name of the menu ("main-navigation")

jonathantneal

Using an SVG Icon System in WordPress with Grunt

1. Add [grunt-svgstore] to your build tool:

   npm install grunt-svgstore --save-dev

2. Create an svgstore task in Grunt (like tasks/options/svgstore.js):

jonathantneal

Switching to an SVG Icon System from IcoMoon Fonts

1. Goto to the [IcoMoon App] and click “[Selection]” at the bottom.

2. Open the menu list for your icon set and choose “Select All”.

3. Click “[Generate SVG & More]” at the bottom.

LukyVj

@mixin diagonal($rotation, $background, $height, $pos: after)
  &:#{$pos}
    content: ''
    display: block
    position: absolute
    width: 100%
    height: $height
    background: #{$background}
    transform: skewY($rotation)

indikatordesign

<?php
// Add the snippet below in the file wp-config.php right above: /* That's all, stop editing! Happy blogging. */

define('WP_DEBUG', true );

if ( WP_DEBUG )
{

	define('SAVEQUERIES', true );

LukyVj

function outOfViewport(colorWrapper, colorTag, colorClass) {
  var w = document.body.offsetWidth,
  it = document.querySelectorAll('*');
  for ( i in it) {
    if( it[i].offsetWidth > w ) {
      console.log(
        `%c [` +
        `%c` + it[i].tagName +
        `%c.`+ it[i].classList +
        `%c]`+

BurningDog

prod:
  # ssh authentication details
  ssh: user@example.com
  # path to wordpress on the server
  wordpress: path/to/wordpress
  # path to backups folder on the server (must exist)
  backups: backups
  # production url
  url: www.example.com