Eric saltnpixels

## base-layout.css
html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
}

body {
	font-size: 1.6rem;
	-webkit-font-smoothing: antialiased;

## typograhpy.css
:root {
	--fs-base: 1.6rem;
	--fs-m: 1.8rem;
	--fs-s: 1.4rem;
}

p {
	margin: 1rem 0 0 0;
}

## containers.css
/*------- Three types of Containers --------*/
.container {
	margin: auto;
	max-width: var(--container);
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
	width: 100%;
}

.container-fluid {

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

## button-arrow.svg

      
              1 file
            
          
              0 forks
            
          
              1 comment
            
          
              0 stars
            
          
                saltnpixels
                / button-arrow.svg
            
            
              Last active
              May 12, 2021 17:22
            
              
                svg Animate from within
              
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## entry-content.css
.entry-content,
.article-footer,
.after-article {
	padding-left: var(--spacing-20);
	padding-right: var(--spacing-20);

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

## wp_remove_tag_block_font_sizes.php
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 );

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

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

## iTerm2 + oh-my-zsh + Pure theme + zsh plugins setup.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                saltnpixels
                / iTerm2 + oh-my-zsh + Pure theme + zsh plugins setup.md
            
            
              Created
              October 11, 2021 20:39
                — forked from ganapativs/iTerm2 + oh-my-zsh + Pure theme + zsh plugins setup.md
            
              
                iTerm2 + oh-my-zsh + Pure theme + zsh plugins setup 
              
          
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


## base.css
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

* {
  box-sizing: inherit;
}

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

	body {
	font-size: 1.6rem;
	-webkit-font-smoothing: antialiased;
	:root {
	--fs-base: 1.6rem;
	--fs-m: 1.8rem;
	--fs-s: 1.4rem;
	}

	p {
	margin: 1rem 0 0 0;
	}
	/------- Three types of Containers --------/
	.container {
	margin: auto;
	max-width: var(--container);
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
	width: 100%;
	}

	.container-fluid {
	function get_svg_allowed_html() {
	$allowed_html = [
	'svg' => [
	'fill' => true,
	'height' => true,
	'width' => true,
	'xmlns' => true,
	'viewbox' => true,
	'class' => true,
	'transform' => true,
	.entry-content,
	.article-footer,
	.after-article {
	padding-left: var(--spacing-20);
	padding-right: var(--spacing-20);

	&::after {
	clear: both;
	content: "";
	}
	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 );
	.aspect-ratio {
	position: relative;
	// needs a set height, so override when using on a component

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