Matt Stow stowball

A Strategy Guide To CSS Custom Properties

Low-hanging fruit edit suggestions

"Variables in preprocessors are static, whereas custom…" > "Variables in preprocessors are static, whereas custom…"
"Where CSS is concerned(,) static means…" > "Where CSS is concerned(,) static means…"
"and determine it’s output" > "and determine its output"

Note: Multiple classes can be applied at once.

const a = (a1) => {
  const a11 = a1;

  return a11;
};

const b = b1 =&gt; b1;

	@mixin browser-ie11 {
	@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
	@content;
	}
	}

	@mixin browser-edge {
	@supports (-ms-user-select: none) {
	@content;
	}

 @function str-replace($string, $search, $replace: "") {
   $index: str-index($string, $search);
   @if ($index) {
     @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
   }
   @return $string;
 }

	#!/bin/sh

	# Lint committed JS (with eslint) and SCSS (with sass-lint) only before pushing
	# .git/hooks/pre-push

	# Update clientPath as necessary to point to where your JS and SCSS files are located
	clientPath="Source/NRL.Web/Client"
	eslint=$PWD/$clientPath/node_modules/.bin/eslint
	sasslint=$PWD/$clientPath/node_modules/.bin/sass-lint

	/*
	Usage: npm run convert-svgs <type:icons\|logos>
	*/

	/* eslint-disable no-console, no-shadow */
	const exec = require('child_process').exec;
	const fs = require('fs');

	const type = process.argv[2] \|\| 'icons';
	const path = `./src/assets/svg/${type}`;

	const requestInterval = (callback, delay = 150) => {
	const dateNow = Date.now;
	let start = dateNow();
	let stop = false;

	const intervalFunc = () => {
	if (!(dateNow() - start < delay)) {
	start += delay;
	callback();
	}

	Array.from = Array.from \|\| function (object) {
	return [].slice.call(object);
	};

	.nuclide-file-tree-open-files-list {
	.file.list-item[data-name="index.js"] {
	&::after {
	content: attr(data-path);
	direction: rtl;
	overflow: hidden;
	position: absolute;
	right: -4px;
	width: ~"calc(100% - 56px)";
	}