Mercurial
diff .cms/lib/codemirror/mode/stylus/index.html @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/.cms/lib/codemirror/mode/stylus/index.html Fri Oct 11 22:40:23 2024 +0000 @@ -0,0 +1,106 @@ +<!doctype html> + +<title>CodeMirror: Stylus mode</title> +<meta charset="utf-8"/> +<link rel=stylesheet href="../../doc/docs.css"> +<link rel="stylesheet" href="../../lib/codemirror.css"> +<link rel="stylesheet" href="../../addon/hint/show-hint.css"> +<script src="../../lib/codemirror.js"></script> +<script src="stylus.js"></script> +<script src="../../addon/hint/show-hint.js"></script> +<script src="../../addon/hint/css-hint.js"></script> +<style>.CodeMirror {background: #f8f8f8;} form{margin-bottom: .7em;}</style> +<div id=nav> + <a href="https://codemirror.net/5"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png" alt=""></a> + + <ul> + <li><a href="../../index.html">Home</a> + <li><a href="../../doc/manual.html">Manual</a> + <li><a href="https://github.com/codemirror/codemirror5">Code</a> + </ul> + <ul> + <li><a href="../index.html">Language modes</a> + <li><a class=active href="#">Stylus</a> + </ul> +</div> + +<article> +<h2>Stylus mode</h2> +<form><textarea id="code" name="code"> +/* Stylus mode */ + +#id, +.class, +article + font-family Arial, sans-serif + +#id, +.class, +article { + font-family: Arial, sans-serif; +} + +// Variables +font-size-base = 16px +line-height-base = 1.5 +font-family-base = "Helvetica Neue", Helvetica, Arial, sans-serif +text-color = lighten(#000, 20%) + +body + font font-size-base/line-height-base font-family-base + color text-color + +body { + font: 400 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #333; +} + +// Variables +link-color = darken(#428bca, 6.5%) +link-hover-color = darken(link-color, 15%) +link-decoration = none +link-hover-decoration = false + +// Mixin +tab-focus() + outline thin dotted + outline 5px auto -webkit-focus-ring-color + outline-offset -2px + +a + color link-color + if link-decoration + text-decoration link-decoration + &:hover + &:focus + color link-hover-color + if link-hover-decoration + text-decoration link-hover-decoration + &:focus + tab-focus() + +a { + color: #3782c4; + text-decoration: none; +} +a:hover, +a:focus { + color: #2f6ea7; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +</textarea> +</form> +<script> + var editor = CodeMirror.fromTextArea(document.getElementById("code"), { + extraKeys: {"Ctrl-Space": "autocomplete"}, + tabSize: 2 + }); +</script> + +<p><strong>MIME types defined:</strong> <code>text/x-styl</code>.</p> +<p>Created by <a href="https://github.com/dmitrykiselyov">Dmitry Kiselyov</a></p> +</article>