jyapayne/ace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweak scss support

Browse source
This commit is contained in:
Fabian Jakobs 2011-06-07 11:17:43 +02:00
commit 0db8691a6d
2 changed files with 28 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

2
Makefile.dryice.js
View file

@ -201,7 +201,7 @@ console.log('# ace modes ---------');
project.assumeAllFilesLoaded(); project.assumeAllFilesLoaded();
[ [
"css", "html", "javascript", "php", "python", "xml", "ruby", "java", "c_cpp", "css", "html", "javascript", "php", "python", "xml", "ruby", "java", "c_cpp",
"coffee", "perl", "csharp", "svg", "clojure" "coffee", "perl", "csharp", "svg", "clojure", "scss"
].forEach(function(mode) { ].forEach(function(mode) {
console.log("mode " + mode); console.log("mode " + mode);
copy({ copy({

47
index.html
View file

@ -11,17 +11,6 @@
<body> <body>
<img id="logo" src="demo/logo.png"> <img id="logo" src="demo/logo.png">
<table id="controls"> <table id="controls">
<tr>
<td>
<label for="split">Split</label>
</td><td>
<select id="split" size="1">
<option value="none">None</option>
<option value="below">Below</option>
<option value="beside">Beside</option>
</select>
</td>
</tr>
<tr> <tr>
<td> <td>
<label for="doc">Document</label> <label for="doc">Document</label>
@ -72,6 +61,17 @@
</select> </select>
</td> </td>
</tr> </tr>
<tr>
<td>
<label for="split">Split</label>
</td><td>
<select id="split" size="1">
<option value="none">None</option>
<option value="below">Below</option>
<option value="beside">Beside</option>
</select>
</td>
</tr>
<tr> <tr>
<td > <td >
<label for="theme">Theme</label> <label for="theme">Theme</label>
@ -213,18 +213,25 @@
cursor: text; cursor: text;
}</script> }</script>
<script type="text/editor" id="scsstext">@import 'compass/css3'; <script type="text/editor" id="scsstext">/* style.scss */
$stdFont: Monaco, "Courier New", monospace; #navbar {
$navbar-width: 800px;
$items: 5;
$navbar-color: #ce4dd6;
.text-layer { width: $navbar-width;
font-family: $stdFont; border-bottom: 2px solid $navbar-color;
font-size: 12px + 4px;
}
header { li {
@extend .text-layer; float: left;
color: hsla(120,40%,40%,0.5); width: $navbar-width/$items - 10px;
background-color: lighten($navbar-color, 20%);
&:hover {
background-color: lighten($navbar-color, 10%);
}
}
}</script> }</script>
<script type="text/editor" id="htmltext"><html> <script type="text/editor" id="htmltext"><html>