Skip to content

Instantly share code, notes, and snippets.

View mattpilott's full-sized avatar
👨‍💻
Tinkering

Matt Pilott mattpilott

👨‍💻
Tinkering
View GitHub Profile
@mattpilott
mattpilott / reveal-markup.html
Created September 22, 2012 21:18 — forked from hatefulcrawdad/reveal-markup.html
Foundation Reveal Modal Markup
<div id="myModal" class="reveal-modal">
<h2>Awesome. I have it.</h2>
<p class="lead">Your couch. I it's mine.</p>
<p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
<a class="close-reveal-modal">&#215;</a>
</div>
@mattpilott
mattpilott / index.html
Created September 22, 2012 21:31
Add the dark stylesheet
<link rel="stylesheet" href="stylesheets/dark.css">
@mattpilott
mattpilott / SassMeister-input.scss
Created December 6, 2015 15:44
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
$columns: 12;
$breakpoints: (
s: null, //iPhone
m: 641px, //iPad
l: 1025px, //Macbook
module.exports = {
config: {
// default font size in pixels for all tabs
fontSize: 12,
// font family with optional fallbacks
fontFamily: 'Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',
// terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
cursorColor: 'rgba(248,28,229,0.8)',
# -*- mode: ruby -*-
# vi: set ft=ruby :
# All Vagrant configuration is done below. The "2" in Vagrant.configure
# configures the configuration version (we support older styles for
# backwards compatibility). Please don't change it unless you know what
# you're doing.
Vagrant.configure("2") do |config|
# The most common configuration options are documented and commented below.
# For a complete reference, please see the online documentation at
server {
listen 443;
ssl on;
ssl_certificate ~/certs/wesayy.com/ssl.crt;
ssl_certificate_key ~/certs/wesayy.com/ssl.key;
server_name
server-wesayy-wp-dev
wesayy.com
import resolve from "rollup-plugin-node-resolve";
import replace from "rollup-plugin-replace";
import commonjs from "rollup-plugin-commonjs";
import svelte from "rollup-plugin-svelte";
import babel from "rollup-plugin-babel";
import { terser } from "rollup-plugin-terser";
import config from "sapper/config/rollup.js";
import pkg from "./package.json";
import sveltePreprocess from "svelte-preprocess";
import autoprefixer from "autoprefixer";
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>neue/hex</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@mattpilott
mattpilott / input.scss
Created September 15, 2021 21:45
Generated by SassMeister.com.
@mixin clamp($prop, $min, $max, $multi: 100vw) {
@supports ($prop: clamp(0, 0, 0)) {
#{$prop}: clamp(#{$min}, #{$multi}, #{$max});
}
@supports not ($prop: clamp(0, 0, 0)) {
#{$prop}: $min;
@media (min-width: 48em) {
#{$prop}: $multi;
@mattpilott
mattpilott / input.scss
Created September 15, 2021 21:46
Generated by SassMeister.com.
@mixin clamp($prop, $min, $max, $multi: 100vw) {
@supports ($prop: clamp(0, 0, 0)) {
#{$prop}: clamp(#{$min}, #{$multi}, #{$max});
}
@supports not ($prop: clamp(0, 0, 0)) {
#{$prop}: $min;
@media (min-width: 48em) {
#{$prop}: $multi;