saltnpixels

function get_svg_allowed_html() {
	$allowed_html = [
		'svg'            => [
			'fill'      => true,
			'height'    => true,
			'width'     => true,
			'xmlns'     => true,
			'viewbox'   => true,
			'class'     => true,
			'transform' => true,

saltnpixels

saltnpixels

<?php
/**
 * Payment subscriptions and updating billing and cancelling subscriptions takes place with these hooks
 * We need the stripe customer user id for updating billing
 * we need the entry id of subscription so we can cancel it.
 */


/**
 * @param $entry

saltnpixels

.entry-content,
.article-footer,
.after-article {
	padding-left: var(--spacing-20);
	padding-right: var(--spacing-20);

	&::after {
		clear: both;
		content: "";
	}

saltnpixels

if ( ! function_exists( 'set_tag_cloud_sizes' ) ) {
	/**
	 * Removes the inline font sizing.
	 *
	 * @param string $tags holds markup of tags
	 *
	 * @return string
	 */
	function set_tag_cloud_sizes( string $tags ): string {
		return preg_replace( '/style="font-size: \d+pt;"/', '', $tags );

saltnpixels

.aspect-ratio {
	position: relative;
  // needs a set height, so override when using on a component

	&::before {
		content: "";
		display: block;
		height: 0;
		width: 100%;
	}

saltnpixels

• Install iTerm2 from https://www.iterm2.com/
• Install oh-my-zsh from https://ohmyz.sh/ or https://github.com/robbyrussell/oh-my-zsh
• Set iTerm2 theme tab theme to Dark - Preferences | Appearance | Tabs | Theme > Dark
• Install Fira Code fonts from https://github.com/tonsky/FiraCode (Clone and navigate to dstr > ttf, install all font files by double clicking)
• Install Powerline fonts from https://github.com/powerline/fonts
• Set fonts for iTerm2 - Preferences | Profiles | Text
  • Change Font to 14pt Fira code regular and Check Use Ligatures checkbox
  • Change Non ASCII Font to 14pt Fira mono and Check Use Ligatures checkbox
• Install iTerm2 snazzy theme from https://github.com/sindresorhus/iterm2-snazzy
  • Navigate to Preferences | Profiles | Color Presets > Snazzy

saltnpixels

html {
  font-size: 62.5%;
  box-sizing: border-box;
}

* {
  box-sizing: inherit;
}

body {

saltnpixels

import React, { useEffect, useRef, useState, useCallback } from 'react';
import { throttle } from 'lodash';

/**
 * Returns a ref, and a stateful value bound to the ref as well as observe function
 * The observe runs automatically on window scroll but you can observe another elements scroll if you want
 */
export default function useSticky<T extends HTMLElement>(fn ?: (stickyActive?: boolean)=> void) {
  const stickyRef = useRef<T>(null);
  const [sticky, setSticky] = useState(false);

saltnpixels

// must have a loading state that turns true when fetching data and false afterwards
// callback is responsible for setting loading state as well as deciding if it should even run. (check if pages left etc...)
// scrollingElement defaults to viewport if none used. If wanted put it as a ref on a scrollable element
// sentry must be placed as a ref and is not optional

import { useCallback, useEffect, useRef, useState } from 'react';

export default function useInfiniteScroller({
  isLoading,
  callback,