krambuhl

{"lastUpload":"2020-05-14T17:43:42.428Z","extensionVersion":"v3.4.3"}

krambuhl

import React, { useEffect } from "react"
import debounce from "lodash.debounce"

const EqualHeight = ({ nodes, children }) => {
  const handleResize = debounce(() => {
    const currentNodes = nodes.map(node => node.current).filter(a => a)
    const dimensionsList = currentNodes.map(node => {
      // remove any forced sizing information
      node.style.height = 'auto'
      node.style.maxHeight = ''

krambuhl

import React from 'react'
import classnames from 'classnames'
import styles from './styles.css'

export default function Wrapper ({
  tagName: Tag = 'div',
  variant = Wrapper.shell,
  className,
  children,
  ...attrs

krambuhl

// variable : type annotation
// name : ArgumentType -> ArgumentType -> ReturnType


// fnAdd : (Num, Num) -> Num
function addFn(a, b) { return a + b; }

// ex.
addFn(1, 2) === 3

krambuhl

import createComponent from 'appleseed';

const ui = ({ el }) => ({
	el: el
});

const init = ({ ui }) => ({

});

krambuhl

function Table(el) {
    this.cacheElements(el);
    this.defineUpdates();

    // MODEL
    this.state = {};

    // define initial view state
    this.setState({
        activeRow: 0

krambuhl

const stringify = children =>
  Array.isArray(children) ? children.join('') : children;

// atoms
const Card = (attrs, children) =>
  `<div class="card">
    ${ stringify(children) }
  </div>`;

const Header = (attrs, children) =>

krambuhl

const path = require('path');

const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const sass = require('gulp-sass');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer-core');

module.exports = function(opts) {
  return function() {

krambuhl

class Car {
  options() {
    return { truckmode: false, big: false };
  }
  
  static config(ops) {
    return class extends this {
      options() {
        return Object.assign({}, super.options(), ops);
      }

krambuhl

@mixin hidpi {
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (   min--moz-device-pixel-ratio: 2),
		only screen and (     -o-min-device-pixel-ratio: 2/1),
		only screen and (        min-device-pixel-ratio: 2),
		only screen and (                min-resolution: 192dpi),
		only screen and (                min-resolution: 2dppx) { @content; }
}