[solved] LESS not working/not rendering

I have almost the barebones tutorial app (meteor add appname)

I modified the main.css file to main.less, used the proper include to include another less file in it (as per the example and structure of meteor add appname --full), and no matter what I do the less code will not render in the page…

main.less
@import “{}/imports/ui/stylesheets/nav-bar.less”;

nav-bar.less
#nav-bar {
margin-bottom: 100px;
}

  • {
    background-color: red;
    }

#red-p {
color:red;
background-color: red;
}

#pula {
width: 200px;
color: red;
background-color: red;
background: red;
}

//EDIT: I tried taking all the code out of nav-bar.less and throwing it directly in main.less…completely ignores it…

…OK…I found out, I need to separately include a meteor package for it, which is automatically included in the --full app, very intuitive.

//EVENMOREEDIT: how can I close this post? meteor add post-closer?

I edited your title to say closed. That’s usually good enough!

1 Like