Skip to content

Instantly share code, notes, and snippets.

Chris Eppstein chriseppstein

View GitHub Profile
View css-blocks-form-example.md

An example of a simple form

Consider the following markup:

<form class="root" state:theme=dark state:compact>
  <div class="input-area">
    <label for="username" class="label">Username:</label>
    <input id="username" class="input" type="text">
  </div>
View ChromeUserAgent.css
@namespace "http://www.w3.org/1999/xhtml";
html {
display: block;
}
head {
display: none;
}
View Cascade.ts
import * as parse5 from "parse5";
import * as postcss from "postcss";
import * as CSSselect from "css-select";
import * as specificity from "specificity";
import * as propParser from "css-property-parser";
type Document = parse5.AST.HtmlParser2.Document;
type Node = parse5.AST.HtmlParser2.Node;
type ParentNode = parse5.AST.HtmlParser2.ParentNode;
type HtmlElement = parse5.AST.HtmlParser2.Element;
View typedAssert.ts
import { assert } from "chai";
export function isDefined<X>(value: X | undefined): {and: (cb: (defValue: X) => any) => void } {
if (value) {
return {
and: function(cb: (v: X) => void) {
cb(value);
}
};
} else {
View css-terms.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@chriseppstein
chriseppstein / syntax_ambiguity.scss
Last active Nov 3, 2015
This file is both a legal .scss and a legal .sass file but they compile to different results.
View syntax_ambiguity.scss
.foo
//
{ color: red; }
/*
color: blue
//
*/
@chriseppstein
chriseppstein / vile.txt
Created Sep 4, 2015
I trained a markov chain on gamergate and generated new tweets. These are the results.
View vile.txt
Designer she just beat her Rival at Drafting for the response! ADORABLE ! WTF this is a staple in most cuisine.
Good on him Please forgive me, I must have really hurt LMFAO! *Shifty Eyes* Hehe *Wink* Nice to meet you! Active Angel as the H1PD.
Art lands in my day we had a dream about the sandstorm? The word people are thinking about us. Google result?
Got back from school~ You know whats that means~ Porn! #GGinDC stuff looks fun. We already have them on ice.
Fucked Hard And Deep -.. It Works! Actually, wouldn't mind using my 360 controller a bit better.
View grandparent_mixin.scss
@function up-to($list, $index) {
$l: ();
@each $e in $list {
@if length($l) < $index {
$l: append($l, $e, list-separator($list));
}
}
@return $l;
}
@chriseppstein
chriseppstein / Directory Structure
Last active Aug 29, 2015
Simple Eyeglass Assets Example
View Directory Structure
.
├── assets
│   ├── images
│   │   ├── foo
│   │   │   └── image1.png
│   │   └── unused.gif
│   ├── js
│   │   └── app.js
│   └── scss
│   └── app.scss
View lesbian_kisses.scss
@mixin agenda($type: "Lesbian") {
@if (rand(100) < 3) {
&:before {
content: "#{$type} Kisses 👄👄";
display: none;
}
}
}
You can’t perform that action at this time.