Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do I use twitter bootstrap mixins such as .border-radius(10px) in my meteor .less files?
    primarykey
    data
    text
    <p>This is my <code>main.less</code> file in my meteor app, to which I have already added the <code>bootstrap</code> package.</p> <pre><code>@import "variables.less"; @import "mixins.less"; #searchbar { .border-radius(10px); .box-shadow(); } </code></pre> <p>But opening the app on <code>http://localhost:3000/</code>, I get this error:</p> <pre><code>Your app is crashing. Here's the latest log. Errors prevented startup: /Users/anup/code/projects/learning/main.less: Less compiler error: .border-radius is undefined /Users/anup/code/projects/learning/main.less: Less compiler error: .border-radius is undefined Your application is crashing. Waiting for file change. </code></pre> <p>Whereas the <code>.span4</code>, <code>.dropdown</code>, and all other bootstrap classes work just fine from my <code>main.html</code> source (which is also in the base directory, alongwith <code>main.less</code>)</p> <p>How do I use the bootstrap mixins in <code>main.less</code>?</p> <p>UPDATE: Amazingly, if I put this in <code>main.less</code></p> <pre><code>@import "variables.less"; @import "mixins.less"; #searchbar { } </code></pre> <p>Then the error changes to</p> <pre><code>Your app is crashing. Here's the latest log. Errors prevented startup: /Users/anup/code/projects/learning/main.less: Less compiler error: 'variables.less' wasn't found. /Users/anup/code/projects/learning/main.less: Less compiler error: 'variables.less' wasn't found. Your application is crashing. Waiting for file change. </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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