MrJackdaw

/**
 * Params below: use as-is to generate a hollow two-figure pie chart (donut chart)
 * @var[width]: pie chart width
 * @var[height]: pie chart height
 * @var[innerRadius]: inner (hollow) circle radius
 * @var[colorRange]: first and second (respective) colors rendered in pie chart
 * @var
*/
var width = 90,
	height = 90,

MrJackdaw

extension UIView {

    /* Example use: myView.addBorder(
        toSide: .Left, 
        withColor: UIColor.redColor().CGColor, 
        andThickness: 1.0
      ) 
    */

    enum ViewSide {

MrJackdaw

// This syntax reflects changes made to the Swift language as of Aug. '16

extension UIView {
    
    // Example use: myView.addBorder(toSide: .Left, withColor: UIColor.redColor().CGColor, andThickness: 1.0)
    
    enum ViewSide {
        case Left, Right, Top, Bottom
    }
    

MrJackdaw

// Example usage of Inject-Script.js

// Example 1: Load a script from an external URL. (preferred method)
// You can call this in a React/Vue/whatever component lifecycle, or wherever.
//  makes sense. Window globals (e.g. `window.YT`) will be available after calling this.
await injectScriptBySrc("https://www.youtube.com/iframe_api", "yt");
// now you can use `window.YT` methods and properties in your code.

MrJackdaw

/******************************************
*  File : Animations.css
*******************************************/

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {

MrJackdaw

import React, { Component } from 'react';

/**
 * HOC for asynchronously loading a component dependency.
 * 
 * Use: replace
 * import MyComponent from './path/to/my-component';
 *
 * With:
 * const MyComponent = AsyncLoader(() => import('./path/to/my-component'));

MrJackdaw

/* ImageLoader styles */
.image-loader.image-loader--rounded {
  border-radius: 100%;
  padding: 0.4rem;

  &:hover {
    animation: scale-up 250ms linear;
  }
}

MrJackdaw

:root {
  --sm: 0.4rem;
  --md: 0.6rem;
  --lg: 1.2rem;
}

/*  */
.list-view {
  display: grid;
  padding: 0;