StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>If you check out bootstrap's <a href="http://getbootstrap.com/getting-started/" rel="nofollow noreferrer">getting started page</a>, you'll find that they state:</p> <blockquote> <p>LESS compilation</p> <p>If you download the original files, you need to compile Bootstrap's LESS files into usable CSS. To do that, Bootstrap only officially supports Recess, Twitter's CSS hinter built on top of less.js.</p> </blockquote> <p>Though not using dotless, I followed a similar path that you did using lessc, and then found that using recess resolved my issue. Perhaps using recess would be an option for you too?</p> <p>As an example, I have a file called tmpfl.less with the following contents:</p> <pre><code>@import "mixins.less"; @import "variables.less"; .wrapper { .make-row(); } .content-main { .make-lg-column(8); } .content-secondary { .make-lg-column(3); .make-lg-column-offset(1); } </code></pre> <p>If I run lessc on it, I get the following result:</p> <pre><code>lessc tmpfl.less NameError: .size is undefined in mixins.less:47:0 46 // Sizing shortcuts 47 .size(@width; @height) { 48 width: @width; </code></pre> <p>Now, I successfully use recess as follows:</p> <pre><code>recess --compile tmpfl.less > tmpfl.css </code></pre> <p><strong>Update:</strong></p> <p>In order to utilize Recess in a .Net environment, specifically in Visual Studio, one can follow <a href="http://devblog.rayonnant.net/2013/08/visual-studio-2012-pre-build-bootstrap.html" rel="nofollow noreferrer">these instructions</a> for details on installing. Those instructions provide an overview, but perhaps leave out some details on getting Node.js installed. Microsoft has some <a href="http://visualstudiogallery.msdn.microsoft.com/885a8a68-e38b-4e6a-b96d-083d5572b645" rel="nofollow noreferrer">brief words</a> about it and they link to <a href="https://github.com/dtretyakov/node-tools#installation" rel="nofollow noreferrer">a GitHub project</a> which might be helpful depending on your version of Visual Studio.</p> <p>If you don't go down the Node.js-in-Visual Studio route, then really the main goal is to have Node.js installed somewhere, and then ultimately npm, the package manager for Node.js so you can install Recess. That can be achieved on Windows by going to <a href="http://nodejs.org/download/" rel="nofollow noreferrer">the Node.js download</a>, and installing the Windows version. Installing npm is highlighted in <a href="https://stackoverflow.com/questions/7300132/how-to-use-npm-with-node-exe">this stackoverflow discussion</a>. Once installed, you just need to run npm to install Recess as follows:</p> <pre><code>npm install recess -g </code></pre> <p>That is also discussed in the first link of this update.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload