less

Trying to build LESS (less css) using a build script with nodeJS

由 倾然丶 夕夏残阳落幕 提交于 2019-12-04 08:29:18
We are using NodeJS to build our project. We have integrated LESS CSS as a part of the project. We are attempting to keep our build clean and would like to be able to call the lessc command (or something comparable) in order to build our LESS files. The LESS documentation isn't very in depth, but wanted to reach out to the community to find a solution. Google has not be too helpful to me on this topic. We have a build.sh file, that calls various other build.js files (in respective directories). How can I run LESSC to compile my LESS files? Using node.js var less = require('less') ,fs = require

Easiest way to have a bootstrap layout where the burger menu is always visible

由 微笑、不失礼 提交于 2019-12-04 08:08:56
问题 I have seen many people ask the opposite, to make the burger menu never appear , even in the small screen sizes, but I can't find how to easily always have the burger menu enabled . As it normally appears: This is assuming a standard Bootstrap 3 configuration, as generated by a Visual Studio 2013 Web Application project, so you should not need the standard Visual Studio MVC HTML or the Bootstrap CSS. As I would prefer it to appear: From generated master page from a VS 2013 Web Application

Less Windows Node.js Hanging

由 情到浓时终转凉″ 提交于 2019-12-04 07:56:00
I have been trying to setup Symfony2 on Windows so that I can use assetic with less. I have installed node.js for Windows (0.6.8). Then I have run npm install less --global and found less in C:\Users\Matt\AppData\Roaming\npm\node_modules As far as my Symfony setup, I have the master branch of Assetic (due to a bug I read about in 1.0.2), but the standard v1.0.1 of AsseticBundle After some work, I was able to get an example less file to render via: http://localhost/app_dev.php/css/compiled-main_part_1_boilerplate_1.css Then I switched a .less file that @imports other .less files (in the same

LESS CSS on Windows

由 元气小坏坏 提交于 2019-12-04 07:44:07
问题 Trying to set up LESS for CSS on my Windows box, I've installed ruby and rubygems and followed the instructions exactly. I have put teststyle.less in C:\ . When I type lessc teststyle.less to compile it into a .css file, I get an error: The filename, directory name, or volume label syntax is incorrect. Out of those familiar with LESS, do any of you have a solution to my problem? Did I mess up the install? 回答1: If you don't want to use GUI to compile LESS on Windows, there is a clean way to

Sublime Text wrap selection with snippet

由 别来无恙 提交于 2019-12-04 07:41:08
问题 I've been digging into Sublime's snippets, plugins and macros, but I can't seem to find what I'm looking for. I'm trying to turn this: .content { color: @blue; } Into this: .content { color: darken(@blue, 5%); } Ideally, I'd be able to select the @blue part, hit a command, and wrap the whole thing properly. Any ideas? Is this even possible? 回答1: As can be seen here: Tools -> New Snippet... -> save as darken.sublime-snippet in Data\Packages\User\ <snippet> <content><![CDATA[darken($SELECTION,

LESS/SASS CSS opposite from minification/optimizations?

由 巧了我就是萌 提交于 2019-12-04 07:30:18
I wonder can I say that LESS/SASS CSS "pre-processors( I think they are called? )" is the opposite from optimizations like minification? I wonder if there will be any noticeable performance impact? or do you think easy of development is more important? I ask this because what LESS CSS generates is something like body #div1 #div2 p body #div1 #div2 p a:link, body #div1 #div2 p a:visited ... and I think it can really bloat up my CSS quite a bit. as you can see, such specificity is not required and it makes reading CSS hard (at least what I see in firebug). You'd be surprised, but gzipped CSS

ActionView::Template::Error (variable @fontAwesomeEotPath_iefix is undefined)

由 柔情痞子 提交于 2019-12-04 06:27:52
I get an error while trying to load any page: ActionView::Template::Error (variable @fontAwesomeEotPath_iefix is undefined) (in /app/assets/stylesheets/bootstrap_and_overrides.css.less)): 2: <html> 3: <head> 4: <title>Program</title> 5: <%= stylesheet_link_tag "application", :media => "all" %> 6: <%= javascript_include_tag "application" %> 7: <%= csrf_meta_tags %> 8: </head> app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb__242882506_70513990' app/controllers/problems_controller.rb:7:in `index' What I did before? Just run bundle update Because of bootstrap

Inheriting css class which is located in another file

由 冷暖自知 提交于 2019-12-04 06:06:36
问题 I am using bootstrap and less. I want one of my class to inherit from a bootstrap class. The problem is I am using bootstrap from a cdn and don't want to have any bootsrap file locally. Is it possible to import a css class from a cdn file using less or inherit a class which is not in the file ? 回答1: You don't have to install anything. Just download the less file you want to use from GitHub and import it: @import (reference) "https://raw.githubusercontent.com/twbs/bootstrap/master/less/buttons

PhpStorm LESS Watcher configuration

由 白昼怎懂夜的黑 提交于 2019-12-04 05:49:24
问题 I am using PhpStorm 8 to work on some LESS files. variables.less gets imported from styles.less . When I save variables.less only a variables.css is being made. How do I configure the watcher to transpile only styles.less > styles.css and automatically upload styles.css ? Here's my current config: Current watcher config http://www.bilder-upload.eu/upload/e60eb3-1432718715.jpg 回答1: You need to enable Track only root files option so that only main file will be compiled. If it does not work --

How to change parent style by child :hover action in LESS

由 与世无争的帅哥 提交于 2019-12-04 05:37:05
I have this LESS setup: .wrapper { .parent { height: 100px; .children { //some style; &:hover { .parent & { height: 150px; } } } } } I need to change some height for parent element by hover on some child inside of it. This code is not working, so is there any possible to do this? Much thx for help. Adding the :hover to the .parent instead of the .children div will achieve the result, http://codepen.io/duncanbeattie/pen/xvDdu .wrapper { .parent { pointer-events:none; height: 100px; background:#000; .children { //some style; height:20px; background:#f00; pointer-events:all; } &:hover { height
订阅 less