According to the LESS CSS website, you need to change the order of your equation The output is pretty much what you expect—LESS understands the difference between colors and units. If a unit is used in an operation, like in: @var: 1px + 5; LESS will use that unit for the final output—6px in this … Read more
This error happens because npm@3 does not resolve peerDependencies any more. npm install less less-loader is the way to go.
I was able to avoid the error without modifying Bootstrap files by creating a new mixin that loaded after the Bootstrap mixins: #grid { .core { .span(@gridColumns) { width: (@gridColumnWidth * @gridColumns) + (@gridGutterWidth * (@gridColumns – 1)); } } }; This was better for us as we avoid patching contrib packages.
The demo feature on lessphp is still there.
A Base Example It partly depends upon how you structure your LESS code. There is currently no way to do this with a normal nested structure. However, take the following example, where the .grandchild is our final target in all cases (it must be the outermost level–I called this “end target grouping” in a previous … Read more
When you install LESS via npm use the -g option to install it globally. npm install -g less
Add extra colors to your less files and recompile. Also see Twitter Bootstrap Customization Best Practices. update As mentioned by @ow3n since v3.0.3 use: .btn-custom { .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); } Note in the above @btn-default-color sets the font color,@btn-default-bg the background color and @btn-default-border the color of the border. Colors for states like active, hover … Read more
Have you tried putting the font family name in single quotes? The following works just fine for me. @font-face { font-family: ‘cblockbold’; src: url(‘assets/fonts/creabbb_-webfont.eot’); src: url(‘assets/fonts/creabbb_-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘assets/fonts/creabbb_-webfont.woff’) format(‘woff’), url(‘assets/fonts/creabbb_-webfont.ttf’) format(‘truetype’), url(‘assets/fonts/creabbb_-webfont.svg#CreativeBlockBBBold’) format(‘svg’); font-weight: normal; font-style: normal; } To use font as a mixin, try: .ffbasic() { font-family: ff-basic-gothic-web-pro-1,ff-basic-gothic-web-pro-2, AppleGothic, “helvetica neue”, Arial, sans-serif; } … Read more
http://leafo.net/lessphp/vim/ Check the INSTALL file for instructions.
That is the essentially the correct format for nesting, but it is a little unclear what you are expecting. Perhaps you are expecting duplication of the /* some rules */ into the :hover and :focus (just based on what you show above for input and output–if that is not a correct understanding of your issue, … Read more