tosipaulo

function Template () {

  this.markupMenuFull = () => {
    return (`
        <header class="l-header" role="banner"> 
        
          <div class="l-header__channel">

            <div class="l-header__channel__bg"></div>

tosipaulo

const Menu = (()=> {
  'use strict'
  
  const addEvent = ( event ) => ( element, action ) =>
    element.addEventListener( event, action(element) )
  
    const addClass = ( _class ) => ( element ) =>
    element.classList.add( _class );

  const removeClass = ( _class ) => ( element ) =>

tosipaulo

const domElement = function (selector) {

  this.selector = selector || null
  this.element = null
  this.events = [];

  const bindEvent = (event, callback, targetElement) =>  {
    _removeBind(event, targetElement)
    targetElement.addEventListener(event, callback, false)
    this.events.push({ type: event, event: callback, target: targetElement })

tosipaulo

<pub-header></pub-header>

<!-- BODY WIDGET -->
<div class="panel-body">

  <!-- TABLE -->
  <table class="table"> 
    <thead>
      <tr>
        <th>Nome</th>

tosipaulo

function initMap () {

  let options = {
    zoom: 12,
    center: {lat:-23.550084,lng:-46.6381307}
  }

  let map = new google.maps.Map(document.getElementById('map'), options)

tosipaulo

const urlFriendlyHandler = (string) => 
	string.toLowerCase().trim()
             .replace(/[áàãâä]/g,    "a")
             .replace(/[éè?êë]/g,    "e")
             .replace(/[íìiîï]/g,    "i")
             .replace(/[óòõôö]/g,    "o")
             .replace(/[úùuûü]/g,    "u")
             .replace(/ç/g,          "c")
             .replace(/(\ |_)+/,     " ")
             .replace(/(^-+|-+$)/,   "")

tosipaulo

import React, { Component } from 'react'
import {Link} from 'react-router-dom'

import api  from './Api'

class Cakes extends Component {

  constructor(props){
    super(props)
  }

tosipaulo

.menu {} /* ul */

.menu__item {}  /* li */

.menu__link {}  /* a */

.menu__item--active {}  /* modificar o estado do a */

tosipaulo

.card {
  width: 290px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #d4d4d5;
}

.card img {
  display: block;
}

tosipaulo

.card {
  width: 290px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #d4d4d5;
}

.card__img {
  display: block;
}