upstream/kallithea Files · rhodecode/public/js/mode/sass/index.html

Added codemirror syntax mode in gists....

Added codemirror syntax mode in gists. - autopropose file extension when syntax mode is choosen

marcink - - Load All Authors

File last commit:

r4026:a60a0e90 default


                r4030:647308db

default

Download file

             index.html
        
                    54 lines
            
             | 1.2 KiB
            
                | text/html
            
             |
                HtmlLexer
            
             / rhodecode / public / js / mode / sass / index.html
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      <!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>

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				<!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>