mirror of
https://github.com/claudehohl/Stikked.git
synced 2025-04-28 14:01:05 -05:00
55 lines
1.2 KiB
HTML
55 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CodeMirror: Sass mode</title>
|
|
<link rel="stylesheet" href="../../lib/codemirror.css">
|
|
<script src="../../lib/codemirror.js"></script>
|
|
<script src="../../addon/edit/matchbrackets.js"></script>
|
|
<script src="sass.js"></script>
|
|
<style>.CodeMirror {border: 1px solid #ddd; font-size:12px; height: 400px}</style>
|
|
<link rel="stylesheet" href="../../doc/docs.css">
|
|
</head>
|
|
<body>
|
|
<h1>CodeMirror: Sass mode</h1>
|
|
<form><textarea id="code" name="code">// Variable Definitions
|
|
|
|
$page-width: 800px
|
|
$sidebar-width: 200px
|
|
$primary-color: #eeeeee
|
|
|
|
// Global Attributes
|
|
|
|
body
|
|
font:
|
|
family: sans-serif
|
|
size: 30em
|
|
weight: bold
|
|
|
|
// Scoped Styles
|
|
|
|
#contents
|
|
width: $page-width
|
|
#sidebar
|
|
float: right
|
|
width: $sidebar-width
|
|
#main
|
|
width: $page-width - $sidebar-width
|
|
background: $primary-color
|
|
h2
|
|
color: blue
|
|
|
|
#footer
|
|
height: 200px
|
|
</textarea></form>
|
|
<script>
|
|
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
|
lineNumbers : true,
|
|
matchBrackets : true
|
|
});
|
|
</script>
|
|
|
|
<p><strong>MIME types defined:</strong> <code>text/x-sass</code>.</p>
|
|
</body>
|
|
</html>
|