allmarkedup

@theme {
  --button-icon-size: 1em;
  --button-border-radius: --spacing(11);
  --button-border-width: 0;
  --button-focus-ring-width: 2px;
  --button-focus-ring-offset: 2px;
  --button-focus-ring-opacity: 30%;
  --button-opacity-disabled: 1;
  --button-font-size: var(--text-sm);
  --button-padding-block: --spacing(2);

allmarkedup

function killport {
    echo '🚨 Killing all processes at port' $1
    lsof -ti tcp:$1 | xargs kill
}

allmarkedup

Headers

# h1 Heading 8-)
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading

allmarkedup

Insert missing newlines into all files in git repo

git ls-files -z | while IFS= read -rd '' f; do if file --brief --mime-encoding "$f" | grep -qv binary; then tail -c1 < "$f" | read -r _ || echo >> "$f"; fi; done

Filter by extension type

allmarkedup

<?php

namespace Craft;

class FractalPlugin extends BasePlugin
{

    public function init()
    {
        craft()->templates->getTwig()->setLoader(new FractalTemplateLoader());

allmarkedup

const path = require('path');
const fs = require('fs');
const fractal = module.exports = require('@frctl/fractal').create();

function exportPaths() {
    const map = {};
    for (let item of fractal.components.flatten()) {
        map[`@${item.handle}`] = path.relative(process.cwd(), item.viewPath);
    }
    fs.writeFileSync('components-map.json', JSON.stringify(map, null, 2), 'utf8');

allmarkedup

const fs = require('fs');

function exportTemplates(args, done) {

    const app = this.fractal;
    const items = app.components.flattenDeep().toArray();
    const jobs = [];

    for (const item of items) {

allmarkedup

ads

allmarkedup

'use strict';

const twig      = require('@frctl/twig');
const fractal   = module.exports = require('@frctl/fractal').create();

fractal.set('project.title', 'Twig + Fractal');

/*
 * Components
 */

allmarkedup

import React, { PropTypes } from 'react';

const STYLE_PREFIX = 'c-button';

const Button = (props) => {
  const buttonProps = {
    className: `${STYLE_PREFIX}`,
    disabled: props.disabled,
    type: props.submit ? 'submit' : 'button'
  };