jestho

type UUID = string & { UUID: never };

export const uuid = () =>
  "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
    const r = (Math.random() * 16) | 0;
    const v = c == "x" ? r : (r & 0x3) | 0x8;
    return v.toString(16);
  }) as UUID;

jestho

import React, { useState } from "react";
import styled from "styled-components";

export const Tabs: React.FC<{
  disabled?: boolean;
  titles: string[];
  children: React.ReactNodeArray;
}> = p => {
  if (p.disabled) {
    return <>{p.children}</>;

jestho

import styled from "styled-components";

interface IPadding {
  pt?: string;
  pr?: string;
  pb?: string;
  pl?: string;
  pa?: string;
  pv?: string;
  ph?: string;

jestho

declare enum keyCodes {
  BACKSPACE = 8,
  TAB = 9,
  ENTER = 13,
  SHIFT = 16,
  CTRL = 17,
  ALT = 18,
  PAUSE = 19,
  CAPS_LOCK = 20,
  ESCAPE = 27,

jestho

{
  "name": "flow",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "start": "npm-run-all --parallel styles:watch browsersync",
    "styles:watch": "node-sass --watch style.scss style.css",
    "browsersync": "browser-sync start --server --files \"*.html, *.js, *.css\""
  },

jestho

made with esnextbin

jestho

made with esnextbin

jestho

/* Media Query */
@media (max-width: 767px) {
  body {
    content: "Small screen"; } }

@media (min-width: 768px) and (max-width: 1024px) {
  body {
    content: "Medium screen"; } }

@media (min-width: 1025px) {

jestho

// ----
// libsass (v3.2.5)
// ----

$args-map: () !default;

@function set($id, $args...) {
    $new-args: ($id: $args);
    $args-map: map-merge($args-map, $new-args) !global;
    @return map-get($args-map, $id);

jestho

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

div {
  background: #000;
  margin: 1em auto;
  width: 5em;
  height: 5em;