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

fixed show as raw link for private gists

marcink - - Load All Authors

File last commit:

r4026:a60a0e90 default


                r4031:4f2e514a

default

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>