stormwarning

/**
 * Embed @font-face with better style and weight control.
 * 
   @include font-specimen(OpenSans, normal, 300);
   @include font-specimen(OpenSans, normal, 400);
   @include font-specimen(OpenSans, italic, 600);
 *
 * Depends on a specific filename scheme; edit the `url` paths to match your setup.
 *
 */

stormwarning

// Colours
$turquoise:     #1abc9c;
$green-sea:     #16a085;
$emerland:      #2ecc71;
$nephritis:     #27ae60;
$peter-river:   #3498db;
$belize-hole:   #2980b9;
$amethyst:      #9b59b6;
$wisteria:      #8e44ad;

stormwarning

$hairline:    100;
$thin:        200; // aka Extra light, Ultra light
$light:       300;
$normal:      400; // aka Book, Roman
$medium:      500; 
$semibold:    600; // aka Demi-bold
$bold:        700; 
$extrabold:   800; // aka Ultra bold
$black:       900; // aka Heavy

stormwarning

/**
 * Output a selector with px fallback and rem values, so that modern browsers will use the rem values.
 * Both multiple selectors and multiple sizes in multiple units can be provided.
 * Zero values remain 0, non-px values will not be modified.
 *
 * Usage example:
 * 
    .navbar {
        @include rem(height line-height, 48px); // multiple selectors
        @include rem(padding, 16px 8px 2% 0px); // multiple units, only px will be converted

stormwarning

# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

stormwarning

Learn to code like a pro.

stormwarning

  // vendor prefix order
  , vendorPrefixes = [
      '-webkit-'
    , '-khtml-'
    , '-epub-'
    , '-moz-'
    , '-ms-'
    , '-o-'
    ]

stormwarning

/**
 * A very simple, pragmatic Sass mixin for generating any property with an rgba() colour
 * and its associated fallback (sourced from the original rgba() colour).
 *
 * Do not use if you require a fallback vastly different from the rgba().
 *
 * 1. Strip the alpha value and write out a solid rgb() color.
 * 2. Drop the red, green, blue, and alpha paramaters into the relevant places.
 *
    h1 {

stormwarning

/**
 * A selection of handy code snippets, plugins, and best practices for WordPress development.
 *
 */

stormwarning

/**
 * Image replacement
 *
 * 1. Dimensions of replacement image
 * 2. Fix for Firefox 2-
 * 3. Required for IE8 if no `a:hover` styles declared
 *
 * Usage:
    <a class="nir" href="[url]">[text]</a>
 *