less

lessѧϰ

匿名 (未验证) 提交于 2019-12-02 23:49:02
less简介   less是一种动态样式语言,属于css预处理器的范畴,它扩展了CSS语言,增加了变量、Minxin、函数等特性,使CSS更易维护和扩展   less既可以在客户端上运行,也可以借助Node.js在服务器端运行   less的中文官网:http://lesscss.cn/   less的编译工具koala下载:https://pan.baidu.com/s/1YF8w7eU5grCLMY8DkzccGw 密码:4bi3 less中的注释   //开头的注释不会被编译到css文件中   以/**/包裹的注释会编译到css文件中 less中的变量   使用@来声明一个变量:@boxColor:pink less的嵌套规则   1、基本的嵌套规则   2、&的使用 如: &:hover { background: aqua; }加了&后就不会将后面的内容当做下一层去编译 less的混合   混合就是将一系列属性从一个规则集引入到另一个规则集的方式    1、普通混合     定义:.s{...}     引用:.s     缺点:.s的内容在编译后再css文件中显示    2、不带输出的混合     定义:.s(){...}     引用:.s()     缺点:.s的内容在编译后再css文件中显示    3、带参数的混合     定义:.s(@w){...}    

使用ant-design报错问题

匿名 (未验证) 提交于 2019-12-02 23:43:01
我是用了antd的babel-plugin-import,在react项目中用webpack打包时提示说"InlineJavaScriptisnotenabled.Isitsetinyouroptions?"这是啥毛病呀?我的webpack配置里已经配了less的加载... 我是用了antd的babel-plugin-import,在react项目中用webpack打包时提示说"Inline JavaScript is not enabled. Is it set in your options? 解决办法: 要看less的版本,看看package.json里less是不是3.x或者3.x以上。 然后改成less-loader加个options 文章来源: https://blog.csdn.net/weixin_43664308/article/details/92075715

less的基本用法

匿名 (未验证) 提交于 2019-12-02 23:42:01
Less也是一种动态样式语言. 对CSS赋予了动态语言的特性,如变量,继承,运算, 函数. Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox),也可在服务端运行 (借助 Node.js)。 两种使用方式:第一种全局安装less,利用命令编译less;第二种直接引入less.js. npm install -g less npm install -g less-plugin-clean-css lessc styles.less styles.css // 编译成css lessc --clean-css styles.less styles.min.css // 编译压缩css 这里注意要在less.js引入前引入.less样式文件 <link rel="stylesheet/less" href="style.less"> <script src="less.min.js"></script> less 的变量声明是以@开头 /* less */ @nice-blue: #5B83AD; @light-blue: @nice-blue + #111; #header { color: @light-blue; } 选择器也可使用变量,变量需要用@{}包括 @mySelector: .wrap; @{mySelector}{ //变量名

Excluding files from assets:precompile in rails

假装没事ソ 提交于 2019-12-02 23:31:47
I use codekit for writing less which it then converts to css automatically. I don't want rails to convert my less files to css, I rather codekit do it. if I precompile the assets via rake assets:precompile I get rake aborted! cannot load such file -- less How do I exclude a specific folder/file types from precompiling? (all my less files are in app/assets/stylesheets/less and the css (which I do want to be precompiled) are in app/assets/stylesheets/css update deleting application.less solves this but how do I excluding it from processing in the first place? From the Asset Pipeline guide: The

sqli-labs less 5-6

匿名 (未验证) 提交于 2019-12-02 23:26:52
sqli-labs less 5-6 从源代码中可以看到,运行返回结果正确的时候只返回you are in....,不会返回数据库当中的信息了,以前的union联合查询就不能用了,开始尝试盲注。 简单介绍下 left函数的使用 Left()得到字符串左部指定个数的字符 Left ( string, n ) string为要截取的字符串,n为长度。 目前Mysql版本号为5.5.53 利用left(version(),1) 和二分查找 进行尝试判断 大于6时 不能正确显示 you are in...... 基本确定 第一位为5 正常返回 说明version() 第一位为5 根据上述方法以此类推进行判断,推荐使用单引号包含内容 利用Length可以判断数据库的长度 下面开始猜解数据库名 database() 为 security 利用二分查找 到这部基本确定s为数据库名的第一位 猜测数据库第二位 看前两位是否大于 sa 往下的请举一反三即可! 根据以上得知数据库名为security,那我们利用此方式获取security数据库下的表,开始利用substr() ascii() mid()函数进行尝试。 简单介绍下mysql中limit 语法 select * from table limit m,n 其中m是指记录开始的index,从0开始,表示第一条记录,n是指从第m+1条开始,取n条。

Is there an online tool to compile LESS? [closed]

喜你入骨 提交于 2019-12-02 23:25:13
Closed. This question is off-topic. It is not currently accepting answers. Learn more . Want to improve this question? Update the question so it's on-topic for Stack Overflow. I'm trying to use LESS in my webpage, but am having trouble compiling it. It's built to work on ruby, which I don't have permission to install on my pc. Is there an online tool for this compilation? I know that lessphp exists, but I can't find the demo on their site any longer. To summarise, I'm looking for a quick and dirty solution to compiling LESS to test my stylesheets locally. Ideally, this would integrate with

How to configure sourceMaps for LESS using Grunt?

老子叫甜甜 提交于 2019-12-02 23:17:33
I'm using grunt 0.4.2 and grunt-contrib-less 0.9.0. I want my LESS to be compiled into CSS with support for source maps. My LESS files are in public/less , and the main one is called main.less . The compiling of public/less/main.less into public/css/main.css works, but source maps don't work. What is wrong with my Grunt config below? { less: { dev: { options: { compress: true, yuicompress: true, optimization: 2, sourceMap: true, sourceMapFilename: "public/css/main.css.source-map.json", //Write the source map to a separate file with the given filename. sourceMapBasepath: "public/less", //Sets

On the fly LESS compiler for java web app?

好久不见. 提交于 2019-12-02 23:08:01
I am looking for a way to compile CSS LESS files on the server side on demand during development. For example if the browser makes a request to /assets/css/foo.css I want the server to notice that there is an /assets/css/foo.less file and then to have this file complied and the resulting css returned. I am guessing there must be a LESS servlet somewhere that can do this? I am running tomcat 7 with Spring MVC application How do I configure a Java Web App to do on the fly LESS compilation? I think what you are looking for is a Servlet Filter . I was not aware of an off the shelf one that does

Convert LESS nested CSS to standard CSS

对着背影说爱祢 提交于 2019-12-02 22:54:38
问题 I need help trying to convert this LESS nested CSS to standard CSS. Can anybody help? .leftNav { a.TopLevel { float:none; } ul#topnav { > li { float:none; height: 2em; margin: 2px; background-color: rgb(1,64,117); border: 1px solid rgb(1,64,117); color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, rgb(30,94,147)), color-stop(0.99, rgb(1,64,117)) ); background: -moz-linear-gradient

Less: second call of @font-face parametric mixin keeps values from first call

怎甘沉沦 提交于 2019-12-02 22:39:16
问题 I try to include web fonts with LESS. The parametric mixin which partly does the job is the following: .fontface(@fontName, @fontFile) { @font-face { font-family: @fontName; src: url("@{fontFile}.eot"); src: url("@{fontFile}.eot?#iefix") format('embedded-opentype'), url("@{fontFile}.woff") format('woff'), url("@{fontFile}.ttf") format('truetype'), url("@{fontFile}.svg#DistantGalaxyRegular") format('svg'); font-weight: normal; font-style: normal; } } .font(@fontsize:10pt, @fontName:"Aierbazzi"