Flowing the guided tour
A Pen by michaelos02 on CodePen.
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<title>Document</title> | |
</head> | |
<body> | |
<div class="trans">What?</div> | |
<h1>cool beans</h1> | |
<h2> | |
<p class="trans">Ok now what</p> | |
</h2> | |
<h2>this is h2</h2> | |
</body> | |
</html> |
document.getElementsByTagName("h1")[0].style.fontSize = "80px"; |
$blue: #a3d5d3; | |
body { | |
background-color: $blue; | |
} | |
.trans{ | |
color:red; | |
font-family: sans-serif; | |
font-size: 36px; | |
} |
Flowing the guided tour
A Pen by michaelos02 on CodePen.