sutter

import { rem } from 'polished';
import PropTypes from 'prop-types';
import React from 'react';
import styled from 'styled-components';

import { breakpoint, mediaQueryMin, spacer } from '../../../styles/theme';

const size = width => ` flex-basis: ${width}%; max-width: ${width}%;`;

/**

sutter

Get the synth wave glow working for VS Code on Mac

These notes are pretty much the same steps as the two extensions list, it's just that I had to collate them together because neither seems to list it fully in the proper order.

1. Install Synthwave ’84/Synthwave + Fluoromachine theme on VS Code (I used the Fluoromachine one)

2. Install Custom CSS and JS Loader

3. Command + Shift + P to open command palette > "Preferences: Open settings (JSON)"

sutter

// https://codesandbox.io/s/z6114jmjlx

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

const FakeRouterLink = (props) => (
  <span {...props} />
);

sutter

@font-face {
  font-family: '<%= fontName %>';
  src: url('<%= fontName %>.woff2') format('woff2'),
       url('<%= fontName %>.woff') format('woff');
}

%icon {
  position: relative;
  display: inline-block;
  font-family: 'app-font';

sutter

'use-strict';

/*
 * Folder path
 */

var appSrc   = './app';
var appBuild = './dist';
var appTemp  = './.tmp';

sutter

<%= form_for(@job.new_record? ? [current_user.company, @job] : @job, html: {class: 'pure-form pure-form-stacked '}) do |f| %>
    <% if @job.errors.any? %>
        <div id="error_explanation">
          <h2><%= pluralize(@job.errors.count, "error") %> prohibited this job from being saved:</h2>
          <ul>
            <% @job.errors.full_messages.each do |message| %>
                <li><%= message %></li>
            <% end %>
          </ul>
        </div>

sutter

{
	"always_show_minimap_viewport": true,
	"auto_complete": true,
	"auto_indent": true,
	"binary_file_patterns":
	[
		"*.jpg",
		"*.jpeg",
		"*.png",
		"*.gif",

sutter

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

sutter

<?php
define('WEBROOT', dirname($_SERVER['SCRIPT_NAME']) . '/');

sutter

White Right
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNpi+A8B54FYgIGeAGop/S0HWTaiLX8/UJYbjFo+oi1fT02zmRgGGxiQoB61dPgVmQNSSQxYzTSQ1eGANH0AAgwAG2M7g2AYhIUAAAAASUVORK5CYII=

White Left
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpiYCAA/v//bwDE74F4PbEKQaCfWIXzB07hemIVngdiATophComTiE5ig0Gt4b1DCQkSfzRPWAa+knRsB4gwACJ4DGaKXamLQAAAABJRU5ErkJggg==

Grey Left
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJFJREFUeNpiZCAAXF1dDYDUfiA+wESkQgEgfsBIpMIFu3fvTmQkViFInJFYhRiK0RRuACoMRJZnwqHwAhAnotvKiEOhI9DUDxiKiVUIcwZRClHcTAwAKXYEYpBpYOcAnSWASzFpHsQTdBga4G4GSlxAc9J8vB5E0xAAtG0+VmeQlZBITqI4NEzAGyloflAACDAAXkpX6aj8dDkAAAAASUVORK5CYII=