David Basilio Espitalher dbasilioesp

https://storybook.js.org/

/* global document */
import { storiesOf } from '@storybook/html';

storiesOf('Demo', module)
  .add('heading', () => '<h1>Hello World</h1>')
  .add('button', () => {
 const button = document.createElement('button');

Boas palavras pra programação em geral

List => Collection

CSS BEM

wrap
box (box1, box2, ...)
title
label

Template Builder

Instalação

npm install

Desenvolvimento

Durante o desenvolvimento, rode o seguinte comando com a configuração do template dentro de webpack.config.js:

	int main()
	{
	int x;
	ifstream infile;
	infile.open("silly.dat", ios::binary \| ios::in)
	infile.read(&x, 7); // reads 7 bytes into a cell that is either 2 or 4
	}

	# Your init script
	#
	# Atom will evaluate this file each time a new window is opened. It is run
	# after packages are loaded/activated and after the previous editor state
	# has been restored.
	#
	# An example hack to log to the console when each text editor is saved.
	#
	# atom.workspace.observeTextEditors (editor) ->
	# editor.onDidSave ->

	import { forEach } from "./utils/pollyfills";

	export default function SelectCustom() {

	let selects = document.querySelectorAll(".select-custom");

	forEach(selects, selectsSet);

	function selectsSet(select) {

	import Vue from "vue";

	export default function () {

	new Vue({
	el: '.megamenu',
	data: function () {
	return {
	triggers: null,
	megamenus: null

	// Easings
	// --------------

	// Sine
	$easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715);
	$easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
	$easeInOutSine: cubic-bezier(0.445, 0.05, 0.55, 0.95);

	// Cubic
	$easeInCubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);

	character: Beatriz
	player: Bia
	classe: Ranger
	level: 1
	background: Herói do Povo
	attributes:
	strength: 15
	dexterity: 15
	constitution: 12
	intelligence: 9

	html {
	font-size: calc(0.6em + 1vw);
	}