[ Index ]

PHP Cross Reference of MyBB 1.8.38

title

Body

[close]

/admin/jscripts/codemirror/mode/css/ -> scss.html (source)

   1  <!doctype html>
   2  
   3  <title>CodeMirror: SCSS mode</title>
   4  <meta charset="utf-8"/>
   5  <link rel=stylesheet href="../../doc/docs.css">
   6  
   7  <link rel="stylesheet" href="../../lib/codemirror.css">
   8  <script src="../../lib/codemirror.js"></script>
   9  <script src="css.js"></script>
  10  <style>.CodeMirror {background: #f8f8f8;}</style>
  11  <div id=nav>
  12    <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
  13  
  14    <ul>
  15      <li><a href="../../index.html">Home</a>
  16      <li><a href="../../doc/manual.html">Manual</a>
  17      <li><a href="https://github.com/codemirror/codemirror">Code</a>
  18    </ul>
  19    <ul>
  20      <li><a href="../index.html">Language modes</a>
  21      <li><a class=active href="#">SCSS</a>
  22    </ul>
  23  </div>
  24  
  25  <article>
  26  <h2>SCSS mode</h2>
  27  <form><textarea id="code" name="code">
  28  /* Some example SCSS */
  29  
  30  @import "compass/css3";
  31  $variable: #333;
  32  
  33  $blue: #3bbfce;
  34  $margin: 16px;
  35  
  36  .content-navigation {
  37    #nested {
  38      background-color: black;
  39    }
  40    border-color: $blue;
  41    color:
  42      darken($blue, 9%);
  43  }
  44  
  45  .border {
  46    padding: $margin / 2;
  47    margin: $margin / 2;
  48    border-color: $blue;
  49  }
  50  
  51  @mixin table-base {
  52    th {
  53      text-align: center;
  54      font-weight: bold;
  55    }
  56    td, th {padding: 2px}
  57  }
  58  
  59  table.hl {
  60    margin: 2em 0;
  61    td.ln {
  62      text-align: right;
  63    }
  64  }
  65  
  66  li {
  67    font: {
  68      family: serif;
  69      weight: bold;
  70      size: 1.2em;
  71    }
  72  }
  73  
  74  @mixin left($dist) {
  75    float: left;
  76    margin-left: $dist;
  77  }
  78  
  79  #data {
  80    @include left(10px);
  81    @include table-base;
  82  }
  83  
  84  .source {
  85    @include flow-into(target);
  86    border: 10px solid green;
  87    margin: 20px;
  88    width: 200px; }
  89  
  90  .new-container {
  91    @include flow-from(target);
  92    border: 10px solid red;
  93    margin: 20px;
  94    width: 200px; }
  95  
  96  body {
  97    margin: 0;
  98    padding: 3em 6em;
  99    font-family: tahoma, arial, sans-serif;
 100    color: #000;
 101  }
 102  
 103  @mixin yellow() {
 104    background: yellow;
 105  }
 106  
 107  .big {
 108    font-size: 14px;
 109  }
 110  
 111  .nested {
 112    @include border-radius(3px);
 113    @extend .big;
 114    p {
 115      background: whitesmoke;
 116      a {
 117        color: red;
 118      }
 119    }
 120  }
 121  
 122  #navigation a {
 123    font-weight: bold;
 124    text-decoration: none !important;
 125  }
 126  
 127  h1 {
 128    font-size: 2.5em;
 129  }
 130  
 131  h2 {
 132    font-size: 1.7em;
 133  }
 134  
 135  h1:before, h2:before {
 136    content: "::";
 137  }
 138  
 139  code {
 140    font-family: courier, monospace;
 141    font-size: 80%;
 142    color: #418A8A;
 143  }
 144  </textarea></form>
 145      <script>
 146        var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
 147          lineNumbers: true,
 148          matchBrackets: true,
 149          mode: "text/x-scss"
 150        });
 151      </script>
 152  
 153      <p>The SCSS mode is a sub-mode of the <a href="index.html">CSS mode</a> (defined in <code>css.js</code>).</p>
 154  
 155      <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#scss_*">normal</a>,  <a href="../../test/index.html#verbose,scss_*">verbose</a>.</p>
 156  
 157    </article>


2005 - 2021 © MyBB.de | Alle Rechte vorbehalten! | Sponsor: netcup Cross-referenced by PHPXref