This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Bootstrap-like Flex Grid System | |
$breakpoint-sm: 576px; | |
$breakpoint-md: 768px; | |
$breakpoint-lg: 992px; | |
$breakpoint-xl: 1200px; | |
$gutter: 16px; | |
// Mixin for columns | |
@mixin make-xy($class) { | |
@for $i from 1 through 12 { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React,{useState} from 'react'; | |
// create a stateless component | |
function Counter(){ | |
// count state with usestate hook and setCount method | |
const [count, setCount] = useState(0); | |
// render component | |
return( |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,600" rel="stylesheet" type="text/css"> | |
<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css"> | |
<link type="text/css" rel="stylesheet" href="style.css"> | |
<title>Pig Game</title> | |
</head> |