prismjs-themes - PrismJS themes

Markup

<p class="lead">The quick brown fox…</p>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Page title</title>
  </head>
  <body>
    <div role="document">
      <p class="lead">The quick brown fox jumps over the lazy designer</p>
    </div>
  </body>
</html>

CSS

.animated { animation-duration: 1s; }

/* css rule sets */
@import  "hyper-reset.min.css";

body, .module, #widget {
  font-family: "Helvetica Neue", Arial, sans-serif;
  width: calc(100% - 5px);
  color: #992255;
}
@media (max-width: 1200px) {
	.module {
		 background-image: url("assets/img/photo.png");
     background-size: cover;
	}
}

JavaScript

var program = function(run) { this.run = run; }

// default task
gulp.task("docs", function() {
  return gulp.src("src/docs/pages/*.njk")
    .pipe(nunjucks({
      path: "src/docs/partials/",
      data: { package: pkgFile }
    }))
    .pipe(gulp.dest("docs/"));
})

PHP

<?php echo $page->text()->html() ?>

// plugins/user/user.php
<?php snippet("header") ?>

<?php if($site->user()->popular()): ?>
  <a href="<?php echo $site->twitter() ?>">Twitter</a>
  <a href="<?php echo $site->facebook() ?>">Facebook</a>
<?php endif ?>

<?php snippet("footer") ?>