Skip to content

Instantly share code, notes, and snippets.

@pazaricha
Created January 20, 2015 22:27
Show Gist options
  • Save pazaricha/e3c7041eac3539f608eb to your computer and use it in GitHub Desktop.
Save pazaricha/e3c7041eac3539f608eb to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<!DOCTYPE html>
<html>
<head>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<header>
<div class="container">
<h1>Build a Website</h1>
<h2>It's time you have a website</h2>
</div>
</header>
</body>
</html>
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// Bootstrap Sass (v3.3.1.0)
// ----
@import "bootstrap";
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
$font-family-base: 'Montserrat';
body {
font-family: $font-family-base;
background: #ECC8AF;
}
header {
background: #495867;
width: 100%;
position: relative;
padding: 5em 0;
h1, h2 {
color: #fff;
text-align: center;
font-weight: bold;
margin-top: 0;
text-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
h1 {font-size: 5em; color: ;}
}
Invalid CSS after "...e: 5em; color: ": expected expression (e.g. 1px, bold), was ";}"
<!DOCTYPE html>
<html>
<head>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<header>
<div class="container">
<h1>Build a Website</h1>
<h2>It's time you have a website</h2>
</div>
</header>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment