upstream/kallithea Files · rhodecode/public/js/mode/css/scss.html

Add mousetrap.js file from Mousetrap 1.4.5, under the Apache license....

Add mousetrap.js file from Mousetrap 1.4.5, under the Apache license. The file was download and verified via these commands: $ git clone https://github.com/ccampbell/mousetrap.git $ cd mousetrap; git checkout 1.4.5 The file in that repository named mousetrap.js is exactly the same one that appeared in RhodeCode 2.2.5 in changeset c8d3c0d61d95. The mousetrap.js states clearly that it is licensed under Apache-2.0.

marcink - - Load All Authors

File last commit:

r4026:a60a0e90 default


                r4126:158ef336

rhodecode-2.2.5-gpl

Download file

             scss.html
        
                    145 lines
            
             | 2.3 KiB
            
                | text/html
            
             |
                HtmlLexer
            
             / rhodecode / public / js / mode / css / scss.html
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      <!doctype html>

      <html>

        <head>

          <meta charset="utf-8">

          <title>CodeMirror: SCSS mode</title>

          <link rel="stylesheet" href="../../lib/codemirror.css">

          <script src="../../lib/codemirror.js"></script>

          <script src="css.js"></script>

          <style>.CodeMirror {background: #f8f8f8;}</style>

          <link rel="stylesheet" href="../../doc/docs.css">

        </head>

        <body>

          <h1>CodeMirror: SCSS mode</h1>

          <form><textarea id="code" name="code">

      /* Some example SCSS */

      @import "compass/css3";

      $variable: #333;

      $blue: #3bbfce;

      $margin: 16px;

      .content-navigation {

        #nested {

          background-color: black;

        }

        border-color: $blue;

        color:

          darken($blue, 9%);

      }

      .border {

        padding: $margin / 2;

        margin: $margin / 2;

        border-color: $blue;

      }

      @mixin table-base {

        th {

          text-align: center;

          font-weight: bold;

        }

        td, th {padding: 2px}

      }

      table.hl {

        margin: 2em 0;

        td.ln {

          text-align: right;

        }

      }

      li {

        font: {

          family: serif;

          weight: bold;

          size: 1.2em;

        }

      }

      @mixin left($dist) {

        float: left;

        margin-left: $dist;

      }

      #data {

        @include left(10px);

        @include table-base;

      }

      .source {

        @include flow-into(target);

        border: 10px solid green;

        margin: 20px;

        width: 200px; }

      .new-container {

        @include flow-from(target);

        border: 10px solid red;

        margin: 20px;

        width: 200px; }

      body {

        margin: 0;

        padding: 3em 6em;

        font-family: tahoma, arial, sans-serif;

        color: #000;

      }

      @mixin yellow() {

        background: yellow;

      }

      .big {

        font-size: 14px;

      }

      .nested {

        @include border-radius(3px);

        @extend .big;

        p {

          background: whitesmoke;

          a {

            color: red;

          }

        }

      }

      #navigation a {

        font-weight: bold;

        text-decoration: none !important;

      }

      h1 {

        font-size: 2.5em;

      }

      h2 {

        font-size: 1.7em;

      }

      h1:before, h2:before {

        content: "::";

      }

      code {

        font-family: courier, monospace;

        font-size: 80%;

        color: #418A8A;

      }

      </textarea></form>

          <script>

            var editor = CodeMirror.fromTextArea(document.getElementById("code"), {

              lineNumbers: true,

              matchBrackets: true,

              mode: "text/x-scss"

            });

          </script>

          <p><strong>MIME types defined:</strong> <code>text/scss</code>.</p>

          <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#scss_*">normal</a>,  <a href="../../test/index.html#verbose,scss_*">verbose</a>.</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: SCSS mode</title>
				<link rel="stylesheet" href="../../lib/codemirror.css">
				<script src="../../lib/codemirror.js"></script>
				<script src="css.js"></script>
				<style>.CodeMirror {background: #f8f8f8;}</style>
				<link rel="stylesheet" href="../../doc/docs.css">
				</head>
				<body>
				<h1>CodeMirror: SCSS mode</h1>
				<form><textarea id="code" name="code">
				/* Some example SCSS */

				@import "compass/css3";
				$variable: #333;

				$blue: #3bbfce;
				$margin: 16px;

				.content-navigation {
				#nested {
				background-color: black;
				}
				border-color: $blue;
				color:
				darken($blue, 9%);
				}

				.border {
				padding: $margin / 2;
				margin: $margin / 2;
				border-color: $blue;
				}

				@mixin table-base {
				th {
				text-align: center;
				font-weight: bold;
				}
				td, th {padding: 2px}
				}

				table.hl {
				margin: 2em 0;
				td.ln {
				text-align: right;
				}
				}

				li {
				font: {
				family: serif;
				weight: bold;
				size: 1.2em;
				}
				}

				@mixin left($dist) {
				float: left;
				margin-left: $dist;
				}

				#data {
				@include left(10px);
				@include table-base;
				}

				.source {
				@include flow-into(target);
				border: 10px solid green;
				margin: 20px;
				width: 200px; }

				.new-container {
				@include flow-from(target);
				border: 10px solid red;
				margin: 20px;
				width: 200px; }

				body {
				margin: 0;
				padding: 3em 6em;
				font-family: tahoma, arial, sans-serif;
				color: #000;
				}

				@mixin yellow() {
				background: yellow;
				}

				.big {
				font-size: 14px;
				}

				.nested {
				@include border-radius(3px);
				@extend .big;
				p {
				background: whitesmoke;
				a {
				color: red;
				}
				}
				}

				#navigation a {
				font-weight: bold;
				text-decoration: none !important;
				}

				h1 {
				font-size: 2.5em;
				}

				h2 {
				font-size: 1.7em;
				}

				h1:before, h2:before {
				content: "::";
				}

				code {
				font-family: courier, monospace;
				font-size: 80%;
				color: #418A8A;
				}
				</textarea></form>
				<script>
				var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
				lineNumbers: true,
				matchBrackets: true,
				mode: "text/x-scss"
				});
				</script>

				<p><strong>MIME types defined:</strong> <code>text/scss</code>.</p>

				<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#scss_">normal</a>, <a href="../../test/index.html#verbose,scss_">verbose</a>.</p>

				</body>
				</html>