Skip to content

Instantly share code, notes, and snippets.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@rpullinger
rpullinger / basscss-variables.txt
Created April 12, 2016 11:49
Show all basscss variables
--border-width: 1px;
--bold-font-weight: bold;
--button-font-family: inherit;
--button-font-size: inherit;
--button-font-weight: var(--bold-font-weight);
--button-line-height: 1.125rem;
--button-padding-y: .5rem;
--button-padding-x: 1rem;
--border-radius: 3px;
--blue: #0074d9;
{
"name": "",
"version": "",
"description": "",
"main": "index.js",
"scripts": {
"bootstrap": "mkdir -p app/{scripts,styles,images} www && touch app/scripts/main.js app/styles/main.scss",
"clean": "rm -r www/*",
"test": "mocha app/scripts/**/*.test.js --compilers js:babel-core/register --recursive --reporter list --require app/scripts/utils/test-setup.js",
"watch:test": "npm test -- --watch",
<header class="header">
<div class="container">
<p class="header__logo">
<a href="/">
<img src="http://placehold.it/300x200" alt="Site Logo">
</a>
</p>
<nav class="main-nav">
<a href="/about">About</a>
{
"dependencies": {
"app.js": {
"files": [
"js/**/*.js",
"js/main.js"
],
"main": true
},
"main.css": {
@rpullinger
rpullinger / japan
Last active August 29, 2015 14:13
Japan
Apr 1st - Apr 14th
# General
Trains timetabling - http://www.hyperdia.com/
# Tokyo
- SHINJUKU GYOEN - Cherry blossom
- Ittineries - http://www.japan-guide.com/e/e3051.html
- Tsukiji Fish Market
- Kamakura (Giant Budda)
// Skip to content
.skip-to-content{
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
opacity: 0;
transition: opacity 0.2s;
&:focus{
position: static;
clip: auto;
@rpullinger
rpullinger / styleguide.html
Created November 24, 2014 14:27
Styleguide
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Style Guide</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body class="styleguide">
@rpullinger
rpullinger / SassMeister-input.scss
Created May 16, 2014 14:57
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
$breakpoints: (
start: 0,
first: (640 / 16) * 1em,
second: (800 / 16) * 1em,
third: (1024 / 16) * 1em
@rpullinger
rpullinger / SassMeister-input-HTML.html
Created April 28, 2014 14:32
Generated by SassMeister.com.
<div class="g">
<div class="gi one-half">one-half</div>
<div class="gi one-half">one-half</div>
<div class="gi one-quarter">one-quarter</div>
<div class="gi one-quarter">one-quarter</div>
<div class="gi one-quarter">one-quarter</div>
<div class="gi one-quarter">one-quarter</div>
<div class="gi one-quarter">one-quarter</div>
</div>