Jof JofArnold

mixins with SASS can balloon your css files quickly.
mixins stop it being clear where stuff came from (can't search for class names for instance).

WARNING: The below is pseudo-code as I'm too lazy to double-check the APIs, output etc:

@mixin flexThing {
  color: red;

	/**
	*Submitted for verification at Etherscan.io on 2021-11-13
	*/

	pragma solidity ^0.8.0;
	// SPDX-License-Identifier: MIT


	/**
	* @dev Interface of the ERC165 standard, as defined in the

	/**
	*Submitted for verification at Etherscan.io on 2021-08-27
	*/

	// SPDX-License-Identifier: MIT

	pragma solidity ^0.8.0;

	/**
	* @dev Interface of the ERC165 standard, as defined in the

	/**
	*Submitted for verification at Etherscan.io on 2021-08-27
	*/

	// SPDX-License-Identifier: MIT

	pragma solidity ^0.8.0;

	/**
	* @dev Interface of the ERC165 standard, as defined in the

	/**
	*Submitted for verification at Etherscan.io on 2021-04-22
	*/

	// File: @openzeppelin/contracts/utils/Context.sol

	// SPDX-License-Identifier: MIT

	pragma solidity >=0.6.0 <0.8.0;

	# --------------------------------------------------------------------------------
	#
	# About
	#
	# Here is a useful Fastfile for delivering a multiple varients (targets) of an app
	# to, ultimately, Testflight.
	# The project is called "cione" and has two schemes and two targets called
	# "cione" and "citwo".

	// Created by react-native-create-bridge

	// import RCTBridgeModule
	#if __has_include(<React/RCTBridgeModule.h>)
	#import <React/RCTBridgeModule.h>
	#elif __has_include(“RCTBridgeModule.h”)
	#import “RCTBridgeModule.h”
	#else
	#import “React/RCTBridgeModule.h” // Required when used as a Pod in a Swift project
	#endif

	import React from "react";
	import { Route, Link } from "react-router-dom";
	/**
	* A <Link> wrapper with support for both active and inactive classNames. Useful for tachyons
	* and similar functional css approaches.
	* Same API as React Router but with option of sending through a child as a function so you
	* can pass isActive down to it. Example: showing an icon when a nav link is highlighted.
	* Stolen from here, pretty much: https://github.com/ReactTraining/react-router/blob/9662a48fbc5de97f820608349ab37b4af5dba896/packages/react-router-dom/modules/NavLink.js
	*/
	const NavLink = ({

	// Untested code, but hopefully it gives you an idea.
	// Ping me @jofarnold on Twitter if you get stuck

	import React, { Component } from "react";
	import Downshift from "downshift";
	import PropTypes from "prop-types";

	function nodeFromItem(id, items) {
	return items.find(({ uuid }) => uuid === id);
	}

	import React, { Component } from "react";
	import PropTypes from "prop-types";
	import styled from "styled-components";

	const dimsFromProps = ({ size, strokeWidth, value }) => {
	const halfsize = size * 0.5;
	const radius = halfsize - strokeWidth * 0.5;
	const circumference = 2 * Math.PI * radius;
	const strokeVal = value * circumference / 100;
	const dashVal = strokeVal + " " + circumference;