Skip to content

Instantly share code, notes, and snippets.

View piotrfonte's full-sized avatar
⚡

Pio piotrfonte

⚡
42 followers · 13 following
View GitHub Profile
@piotrfonte
piotrfonte / lines.js
Created September 18, 2017 11:30
Fluid-type typography and spacing (border, margin, padding) for `styled-components`.
export const lines = {
h: '1.8em',
l: '1.6em',
m: '1.4em',
s: '1.2em',
x: '1',
n: '0',
}
export const _line = lines;
@piotrfonte
piotrfonte / index.html
Last active August 29, 2015 14:14
Simple React Slideshow
<!-- as explained on http://piotrf.pl/wrote/building-a-simple-slideshow-with-react-js -->
<!DOCTYPE html>
<html>
<head>
<title>Hello React!</title>
<script src="http://fb.me/react-with-addons-0.12.2.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
<link rel="stylesheet" href="styles.css" />
<style>
</style>
@piotrfonte
piotrfonte / testsuite.coffee
Created July 25, 2014 08:00
PhantomCSS setup for multiple viewport tests of multiple files
# Require dependencies
# --------------------
phantomcss = require("./../../node_modules/phantomcss/phantomcss.js")
# Init PhantomCSS magic
# --------------------
phantomcss.init
# Paths
@piotrfonte
piotrfonte / CSScomb.sublime-settings
Last active December 19, 2015 12:49
Sublime Text CSS Comb alphabetical sort order package settings.
{
"custom_sort_order": true,
"sort_order": [
"@extend",
"-webkit-animation",
"-moz-animation",
"-ms-animation",
"-o-animation",
"animation",
"-webkit-animation-name",