Skip to content

Instantly share code, notes, and snippets.

@jonschlinkert

jonschlinkert/pre-less.md

Last active December 11, 2015 18:58
Show Gist options
  • Save jonschlinkert/4645223 to your computer and use it in GitHub Desktop.
Save jonschlinkert/4645223 to your computer and use it in GitHub Desktop.
Download ZIP
How Pre let's you write HTML and CSS at the same time.
Raw
pre-less.md

//

Compiles to this:

and this...

<!DOCTYPE html>
<head>
  <title>Home Page</title>
  <link rel="stylesheet" href="stylesheet.css">
  <script src="script.js"></script>
</head>
<body>
  <div class="page">
    <div class="page-header">
      Welcome!
    </div>
    <div class="page-content">
      <div class="sidebar">
        <!-- sidebar content -->
      </div>
      <div class="main">
        Lorem ipsum lorem ipsum...
        <!-- more content -->
      </div>
    </div>
  </div>
</body>

Here the delimiters are: :escape:" and "; (again, keeping in mind that any whitespace outside of a declaration is stripped)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment