Youssouf EL AZIZI yjose

Git & Github workshop

Download git for your operating system at: https://git-scm.com/downloads

	[tooltip-position='left']::before{
	left:0%;
	top:50%;
	margin-left:-12px;
	transform:translatey(-50%) rotate(-90deg)
	}
	[tooltip-position='top']::before{
	left:50%;
	}
	[tooltip-position='bottom']::before{

	import React from "react";

	export default ({ open}) => (
	<div className={open ? "burger-menu open" : "burger-menu"}>
	<div className="bar1" key="b1" />
	<div className="bar2" key="b2" />
	<div className="bar3" key="b3" />
	</div>
	);

	import React from "react";

	export default ({ open, ...props }) => (
	<div className={open ? "burger-menu open" : "burger-menu"} {...props}>
	<div className="bar1" key="b1" />
	<div className="bar2" key="b2" />
	<div className="bar3" key="b3" />
	</div>
	);

	mport React from "react";

	export default ({ close }) => (
	<div className="menu">
	<ul>
	<li onClick={close}>Home</li>
	<li onClick={close}>Getting Started</li>
	<li onClick={close}>Component API</li>
	<li onClick={close}>Use Case - Tooltip</li>
	<li onClick={close}>Use Case - Modal</li>

	[tooltip]:hover::after,[tooltip]:hover::before {
	opacity:1
	}