Carrie Forde carrieforde

i like code

carrieforde / vs-code-extensions.md

Last active June 12, 2018 15:24

Visual Studio Code Extensions

carrieforde / smooth-scroll.js

Last active October 17, 2017 19:08

Smooth scroll

	/**
	* Add smooth scrolling for on-page navigation.
	*/
	(function() {

	// Script options.
	var options = {
	menuSelector: '.site-navigation ul',
	mobileBreakPoint : 900,
	headerHeight: 0,

carrieforde / Gulpfile.js

Created October 25, 2017 16:42

Getting started with task-running & Gulp

	var gulp = require('gulp');
	var cleanCSS = require('gulp-clean-css');
	var minimist = require('minimist');
	var uglify = require('gulp-uglify');
	var pump = require('pump');
	var sass = require('gulp-sass');
	var imagemin = require('gulp-imagemin');
	var html5Lint = require('gulp-html5-lint');
	var csslint = require('gulp-csslint');
	var jshint = require('gulp-jshint');

carrieforde / webpack.config.js

Last active July 25, 2020 23:16

Creating multiple output files

	const path = require("path");
	const MiniCssExtractPlugin = require("mini-css-extract-plugin");

	module.exports = {
	context: __dirname,
	entry: {
	block_one: ["./block-one/index.js", "./block-one/styles.css"],
	block_two: ["./block-two/index.js", "./block-two/styles.css"],
	},
	output: {

carrieforde / Form.tsx

Created July 21, 2022 21:13

MUI snippets / utility components

	import { Box, Paper, PaperProps, styled } from "@mui/material";
	import React, { FormEvent, ReactNode } from "react";
	import { StyledForm, FormBody } from "./Form.styles";

	export const StyledForm = styled(Paper)<PaperProps & { component: string }>(
	({ theme }) => ({
	display: "flex",
	flexDirection: "column",
	gap: theme.spacing(2),
	padding: theme.spacing(3),