zuDevonRW

@mixin px-n-rem($selector,$size)
    #{$selector}: #{$size}px
    #{$selector}: +rem-calc($size)
  
  
## Usage example
.something
    +px-n-rem('padding', 16)

## Gives you

zuDevonRW

=input-placeholder
	&.placeholder
		@content
	&:-moz-placeholder
		@content
	&::-moz-placeholder
		@content
	&:-ms-input-placeholder
		@content
	&::-webkit-input-placeholder

zuDevonRW

#!/bin/bash

# Locate our phpunit.
phpunit=`which phpunit`

# Define a location to save the output.
outputlog="/tmp/phpunit_output_`date +%s`.log"

# Get name of the project (probably topmost directory name).
projectname=${PWD##*/}

zuDevonRW

# run scss-lint
scssLintResult=$(scss-lint -c scss-config.yml)
if [[ $scssLintResult == "" ]]; then
  echo "$(tput setaf 2)scss lint Passed$(tput sgr0)" 
else
  echo "$(tput setaf 1)scss lint: $result error(s), aborting commit$(tput sgr0)"
  scss-lint -c scss-config.yml
  exit 1
fi

zuDevonRW

Error: {"columnNumber":-1,"lineNumber":-1,"message":"ServiceWorker failed to install: ServiceWorker failed to handle event (event.waitUntil Promise rejected)","sourceURL":""}
Console: {"lineNumber":0,"message":"Uncaught (in promise) TypeError: Request failed","message_level":3,"sourceIdentifier":1,"sourceURL":""}

zuDevonRW

@mixin pe-calc($property, $formula, $fallback) {
	#{$property}: $fallback;
	#{$property}: calc(#{$formula});
}



// usage
@include pe-calc(width, '100% - 100px - 18px', 70%);

zuDevonRW

$supportsGrid: TRUE;

@mixin supportsGrid() {
  @if $supportsGrid == TRUE {
    @supports (display: grid) {
      @content;
    }
  }
}