Skip to content

Instantly share code, notes, and snippets.

@DalSoft

DalSoft/h1.css

Last active August 29, 2015 14:09
Show Gist options
  • Save DalSoft/575971dd86cd71107e6d to your computer and use it in GitHub Desktop.
Save DalSoft/575971dd86cd71107e6d to your computer and use it in GitHub Desktop.
Download ZIP
Introducing Brunch Below is a trivial example, it's obviously not a production quality and is for brevity just to show brunch working http://www.dalsoft.co.uk/blog/index.php/2014/10/15/introducing-brunch
Raw
h1.css
h1 {
font-size: 3rem;
color:red;
}
Raw
hello-world1.js
var module1 = function(){
function HelloWorld(){
alert('Hello World 1');
}
return {
'hello': HelloWorld
}
}();
Raw
hello-world2.js
var module2 = function(){
function HelloWorld(){
alert('Hello World 2');
}
return {
'hello': HelloWorld
}
}();
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Brunch example</title>
</head>
<body>
<h1>Really dumb example</h1>
<p>This is a really dumb example to show how brunch.io works.</p>
<link href="/css/vendor.css" rel="stylesheet" type="text/css">
<link href="/css/app.css" rel="stylesheet">
<script src="/js/vendor.js"></script>
<script src="/js/app.js"></script>
<script>
module1.hello();
module2.hello();
</script>
</body>
</html>
Raw
p.css
p {
font-size: 1rem;
color:purple;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment