less | 易学教程

Gulp Error: watch ENOSPC

阅读更多关于 Gulp Error: watch ENOSPC

问题 Hi i'm getting this error while running gulp watch. im using vueify in laravel project. why is this happening. it was working fine all these days and this came in today. $ gulp watch [12:56:01] Using gulpfile ~/Documents/web_projects/next-home/gulpfile.js [12:56:01] Starting 'watch'... [12:56:01] Starting 'browserify'... Fetching Browserify Source Files... - resources/assets/js/app.js Saving To... - public/js/app.js [12:56:02] Finished 'browserify' after 707 ms [12:56:02] 'watch' errored

Why vundle requires filetype off

阅读更多关于 Why vundle requires filetype off

问题 On vundle's homepage, it documented that it requires filetype to be off in .vimrc: filetype off " required! set rtp+=~/.vim/bundle/vundle/ call vundle#rc() I don't understand why. Since I am encountering problems with editing .coffee and .less files recently after separately-installed related plugins for them (vim-coffee-script and vim-less). My issue on vim-coffee-script 回答1: You can set filetype on after the last Vundle command: filetype off " required! set rtp+=~/.vim/bundle/vundle/ call

Chrome and Media Queries Bug

阅读更多关于 Chrome and Media Queries Bug

问题 I'm trying to make a website that is essentially a few vertically positioned slides. I had been hoping to make a responsive design so my "slides" are appropriately resized on larger screen sizes or are padded appropriately in strange dimensions. Here is my LESS file setting the appropriate dimensions: html, body { width: 100%; height: 100%; padding: 0; margin: 0; } //============================================================ // Dimensions for each section for standard desktop screen //=====

Less css file include in <head> section

阅读更多关于 Less css file include in section

问题 Which files are needed to include in <head> section for less css. At less official site , i have just seen that they have told to include .less and .js file. But it is not working without .css file. 回答1: Referring to LESS documentation (http://lesscss.org/#client-side-usage): Link your .less stylesheets with the rel set to “stylesheet/less”: <link rel="stylesheet/less" type="text/css" href="styles.less" /> Then download less.js from the top of the page, and include it in the <head> element of

Less css file include in <head> section

阅读更多关于 Less css file include in section

Increment a variable in LESS css

阅读更多关于 Increment a variable in LESS css

问题 How Can I increment a variable in LESS css? Here is the example.. @counter: 1; .someSelector("nameOfClass", @counter); @counter: @counter + 1; .someSelector("nameOfClass", @counter); The above code snippet will cause this "Syntax Error" SyntaxError: Recursive variable definition for @counter Is there a work around for this error? For example is there a notation like @counter++ ? Thanks.. 回答1: Not Strictly Possible See the documentation on LESS variables. Essentially, LESS variables are

LESSCSS - use calculation and return value

阅读更多关于 LESSCSS - use calculation and return value

问题 H i, Hoping you can help. Is there a way for LESS to return just a value - feel like I'm missing something very obvious Say I have: @unit:em; @basevalue:1; Can I use something to give me a shorthand return for - .someClass { padding: ~'@{basevalue}@{unit}'; } Like say: .returnUnit() { ~'@{basevalue}@{unit}'; } .someClass { padding: returnUnit(); } because what I'm ultimately hoping for is: .returnUnit(@val) { @basevalue*@val@{unit}; } .someClass { padding:returnUnit(0.5); } Using a mixing I

less css框架的学习

阅读更多关于 less css框架的学习

什么是LESSCSS LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。 LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。语言特性快速预览：变量：变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。 LESS源码： @color: #4D926F; #header { color: @color; } h2 { color: @color; } 编译后的CSS： #header { color: #4D926F; } h2 { color: #4D926F; } 混合（Mixins）混合可以将一个定义好的class A轻松的引入到另一个class B中，从而简单实现class B继承class A中的所有属性。我们还可以带参数地调用，就像使用函数一样。 LESS源码： .rounded-corners (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; -ms-border-radius: @radius; -o-border-radius:

.LESS together with Razor

阅读更多关于 .LESS together with Razor

问题 Is it possible to use Razor View Engine (ASP.NET MVC) together with .LESS (similar to SASS - http://lesscss.org/ for .NET), since they're both using "@blah"? What I want to achieve is to create .LESS css files, mixed with Razor. UPDATED: Sorry for being a bit unspecific. What I want to do is to use Razor View Engine WITHIN the .less (dotlesscss) css files. This would be nice in order to e.g. pass site-settings like Theme customized from an admin into the css file. Problem is that the syntax

LESS CSS - Change variable value for theme colors depending on body class

阅读更多关于 LESS CSS - Change variable value for theme colors depending on body class

问题 Getting to grips with LESS here but one thing is still a little unclear. Lets say I have multiple color themes for my website, controlled by a class on the body tag. From this I can redefine the various colors for each element within each theme. Easy enough but fairly time consuming if I have a lot of elements to change... and a lot of themes. Every time I add a new theme I need to write out all the selectors again, with different color values. I am basing my working so far on another post I