Camwyn

module.exports = {
	main: ['release/<%= pkg.version %>'],
	clean: ['assets/svg/min/*.svg']
};

Camwyn

Camwyn

// ----
// libsass (v3.3.6)
// ----

///
 /// Add styles on active/focus/hover
 ///
 /// @group Functions
 ///
 /// @content Really more of a parameter as the mixin will output an empty rule if none is provided.

Camwyn

.example:not(:focus):not(:active) {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.example2 {

Camwyn

/**
 * Sticky / scroll-to-fixed elements
 */

( function( window, $ ) {
	'use strict';

	// This array contains all the elements we want to "stick" You can add
	// another in, but the order matters! Each gets margin-top that includes
	// the height of the previous items.

Camwyn

/**
 * Translucent background colors with opaque text!
 * 
 * 		@example scss
 * 		@include background-opacity(#000, .5)
 * 
 *  @param {String} $color hexadecimal color
 *  @param {Integer} $opacity opacity value 0-1
 */
@mixin background-opacity( $color, $opacity: .5 ) {

Camwyn

/**
 * @alias placeholder-state
 * Styling placeholder text color states ( default, hover, focus )
 * USE: @include placholder( #999, #999, #222 );
 */
@mixin placeholder-state( $default: inherit, $hover: $default, $focus: $default ) {
	// You have to declare the -moz/-webkit separately in order for them to work
	&::-webkit-input-placeholder {
		color: $default;
	}

Camwyn

/**
 * CSS Line Clamp
 * 
 * 		@example scss
 * 		@include line-clamp(2, 16, 1.5)
 * 
 *  @param {Integer} $lines: number of lines to show
 *  @param {Integer} $font-size: font size in px (no trailing 'px'!)
 *  @param {Integer} $line-height: line height (multiplier/unitless)
 */

Camwyn

/**
* Primary colors per locations
*
* $property: the CSS property you're setting
* $value: the value of the property. Optional.
* $selector: add a selector to help targeting. Optional.
* $opacity: use a transparent/translucent color. Optional.
* Example: @include location-color( 'border-top', 3px, '> a:hover:after', .8 );
*/
$locations: (

Camwyn

/**
 * Create css triangle indicators
 *
 * $direction: the direction to point TO
 * $size: desired size of the borders (always creates an equilateral triangle)
 * $color: desired color of triangle
 * example: @include indicator-arrow(left, $color: '#000');
 */
@mixin indicator-arrow($direction: top, $size: .75rem, $color: #ffffff) {
	border: $size solid transparent;