lambdahands / lt-scss Goto Github PK
View Code? Open in Web Editor NEWA SCSS plugin for LightTable
License: Other
A SCSS plugin for LightTable
License: Other
Will allow for immediate setup from LightTable's plugin manager for these two architectures.
First, thanks for making such an awesome plugin. This has worked out great except for one minor annoyance with the auto-indent functionality not matching code mirror.
When I place my cursor at the closing }
of the .foo a
style and hit enter, the next line is not indented correctly. It should be two indents in and it's currently zero indents in.
body {
background-color: white;
font-family: serif;
.foo {
background-color: lime;
text-decoration: none;
a {
color: red;
}
}
}
Interestingly enough, when I try the same action with the same code on the code mirror site, it is handled correctly. http://codemirror.net/mode/css/scss.html
Am I doing something wrong, or is this a legitimate issue? It seems like there were a couple of issues with the code mirror indenting that got fixed a few months ago. Perhaps those fixes didn't make it to this plugin?
Hey all,
os - OSX
I am getting an error in the light table console:
<span style="font-family: monospace">:</span><input type="text"/><span style="color: #888">
bootstrap.js[17088]: WARNING! node-sass isn't installed properly on your system. Try rebuilding it using the instructionsfound here: http://github.com/lambdahands/lt-scss
I came here, followed the instructions to change binaries, very easy to follow, great job and nothing changed. I am still getting the same warning.
So here comes the weird part. I have the vim plugin installed and this error happens every time I use ":" to save, quit, etc. I can get my vim bindings to work if I go into my user keymaps and save which also clears the console error and allows me to use ":"...I don't get it either haha.
Anyways, any help is appreciated. I am very happy with light table besides this bug and am willing to help on this issue any way I can.
Thanks in advance,
Stv
A common pattern for Sass projects is to have on .scss which includes a number of partials. See screenshot for an example where app.scss is being used as an aggregation of other .scss files. The advantage of this is that variables, mixins, etc can be shared across a project.
When I try to use this pattern with lt-scss I get errors that certain mixins & variables are unavailable. So, for example, if a variable declared in _partial-1.scss is used in _partial-2.scss (but isn't @imported to _partial-2.scss) an error occurs.
Is there any way round this currently? If not would you consider it as a feature request :)
It would be cool if there was an option to trigger eval as you type. There is a plugin to do this for CSS - https://github.com/davecoates/lt-CSSLive.
I don't know if it would quite work with having to compile the scss on change but node-sass seems pretty fast. I tried to hack something together but couldn't get it to work.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.