less

问题 I am using the method answered here on StackOverflow to use custom police definition with other classes. This method is summarized below: [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; } .icon-custom:before { content: "\f0c4"; } When I'm using a custom class to use it, I have to use the code generated by the library: i:after { content: '\f0c4'; } In case this code f0c4 change in the library, I would like to avoid reporting the change in every custom class one by

问题 I am trying to understand some trick with webpack. I explain. What i have ? My archi is like : www - css/ - folder/ - some.src.less - other.less - cssOther/ - t.src.less - subFolder/ - t.less My archi is like this. What i want to do is to just compile *.src.less and send them to dist and keep their path and name folder. My actual webpack config. First is it obligatoy needed to use a .js entry ? (i dont need it actually) I am working on it if I found something interesting i will update here

问题 I am using the following code to generate a column layout using LESS CSS: .columnBuilder (@index) when (@index =< @columnCount) { .container_@{columnCount} .grid_@{index} { width: unit(((@baseWidth / @columnCount) * @index)-10, px); } .columnBuilder(@index + 1); } Which gives me an output: .container_24 .grid_1 { width: 69px; } .container_24 .grid_2 { width: 148px; } .container_24 .grid_3 { width: 227px; } etc... How would i now create a new less function that would give an output of: .grid_1

问题 I created loading spinner in SVG, but animation-duration is not accurate. For example: 30s animation-duration ~ 26s in real 45s animation-duration ~ 38s in real 60s animation-duration ~ 51s in real I'm desperate and I don't know where there may be a mistake. Can you help me? Screen of spinner #1 Screen of spinner #2 - later <svg class="circle"> <circle cx="23" cy="23" r="20"/> </svg> Less: @spinnerSize: 46; svg.spinner { display: block; width: (@spinnerSize + 0px); height: (@spinnerSize + 0px

问题 When using LESS, i found usefull to mix classes, in order to create a new class based on other class properties, but sometimes i need to override them. like: .btn { border-radius: 10px; background-color: blue; font-size:10px; } .btn_warning { .btn; background-color: yellow; font-size: 12px; } The output has duplicated properties: .btn { border-radius: 10px; background-color: blue; font-size:10px; } .btn_warning { border-radius: 10px; background-color: blue; font-size:10px; background-color:

问题 I'm transforming my css files into LESS file. only part of my LESS is working well and I see a weird red dot line in the chrome debugger for those problematic lines, any idea what they means? 回答1: http://codemirror.net/doc/releases.html says that Version 2.33 of CodeMirror introduced "Show non-printing characters as red dots." 来源： https://stackoverflow.com/questions/23267505/red-dot-in-chrome-debugger-when-writing-less

问题 I have installed node.js, npm, and less node.js version is v0.5.9-pre npm version is 1.0.10 When I run any lessc command I get this error: The "sys" module is now called "util". It should have a similar interface. node.js:203 throw e; // process.nextTick error, or 'error' event on first tick ^ Error: require.paths is removed. Use node_modules folders, or the NODE_PATH environment variable instead. at Function. (module.js:376:11) at Object. (/var/www/node/npm/node_modules/less/bin/lessc:7:8)

问题 I was wondering if anyone knew if the JS interpreter for LESS css causes any noticeable delays in page loading. I would prefer to use the JS parser simply because it's easier to use, since I won't have to run the compiler after every edit and easier to manage the source code as SCM tools won't be tracking both the .less and .css files 回答1: Its not slow on fast computers/browsers. However depending on your target audience I wouldn't use it. I would rather setup lessc to watch a file/directory