mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-05-15 22:59:41 +02:00
Code Issues Releases Wiki Activity

add stylus support. fixes #31

Browse Source
This commit is contained in:
Kushagra Gour 2017-01-18 02:30:50 +05:30
parent 602c3fb30a
commit d3555c4885
5 changed files with 793 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/index.html
View File

@ -61,6 +61,7 @@
<li><a data-type="css" data-mode="css">CSS</a></li>
<li><a data-type="css" data-mode="scss">SCSS</a></li>
<li><a data-type="css" data-mode="less">LESS</a></li>
<li><a data-type="css" data-mode="stylus">Stylus</a></li>
</ul>
</div>
<div class="code-wrap__header-right-options">

769
src/lib/codemirror/mode/stylus/stylus.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

6
src/lib/stylus.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

17
src/script.js
View File

@ -23,7 +23,8 @@ settingsBtn, onboardModal, notificationsBtn */
var CssModes = {
CSS: 'css',
SCSS: 'scss',
LESS: 'less'
LESS: 'less',
STYLUS: 'stylus'
};
var JsModes = {
JS: 'js',
@ -42,6 +43,7 @@ settingsBtn, onboardModal, notificationsBtn */
modes[CssModes.CSS] = { label: 'CSS', cmMode: 'css', codepenVal: 'none' };
modes[CssModes.SCSS] = { label: 'SCSS', cmMode: 'sass', codepenVal: 'scss' };
modes[CssModes.LESS] = { label: 'LESS', cmMode: 'text/x-less', codepenVal: 'less' };
modes[CssModes.STYLUS] = { label: 'Stylus', cmMode: 'stylus', codepenVal: 'stylus' };
var updateTimer
, updateDelay = 500
@ -391,6 +393,8 @@ settingsBtn, onboardModal, notificationsBtn */
sass = new Sass('lib/sass.worker.js');
setLoadedFlag();
});
} else if (mode === CssModes.STYLUS) {
loadJS('lib/stylus.min.js').then(setLoadedFlag);
} else if (mode === JsModes.COFFEESCRIPT) {
loadJS('lib/coffee-script.js').then(setLoadedFlag);
} else if (mode === JsModes.ES6) {
@ -467,6 +471,17 @@ settingsBtn, onboardModal, notificationsBtn */
}, function (error) {
showErrors('css', [ { lineNumber: error.line, message: error.message } ]);
});
} else if (cssMode === CssModes.STYLUS) {
stylus(code).render(function (error, result) {
if (error) {
window.err = error;
// Last line of message is the actual message
var tempArr = error.message.split('\n');
tempArr.pop(); // This is empty string in the end
showErrors('css', [ { lineNumber: +error.message.match(/stylus:(\d+):/)[1]-298, message: tempArr.pop() } ]);
}
d.resolve(result);
});
}
return d.promise;

2
src/style.css
View File

@ -606,7 +606,7 @@ select, input[type="text"], textarea {
position: absolute;
top: 14px;
left: 0px;
white-space: nowrap;
width: 300px; /* ideally shud be equal to pane width */
transform: translateX(-10px);
will-change: transform;
transition: 0.2s ease;