less

公共样式

// 三角形
.triangle(@color,@size) {
 width:0;
 height:0;
 border-width:0 @size @size ;
 border-style:solid;
 border-color: transparent transparent @color;/*灰 透明 透明 */
}

用法

.triangle(#999999,10px)

sass

公共样式

// 三角形
@mixin triangle($f) {
 width:0;
 height:0;
 border-width:rem(10) rem(10) 0;
 border-style:solid;
 border-color:$f transparent transparent;/*灰 透明 透明 */
}

用法

@include triangle(#F00)

less与sass分别提取公共样式
less 公共样式用法 sass 公共样式用法
less与sass的区别
今天我们来谈谈less与sass的相同点与不同点。一、less与sass分别是什么 1、less Less 是一...
Less/Sass
Less 和 Sass 第一章 Less和Sass简介 Less和Sass都为动态样式表的语言，即css框架，通过...
webpack 预处理器配置 postcss
在项目中使用了sass、less等预处理器,同时还使用了css样式提取ExtractTextPlugin，之后还想...
解决vue-awesome-swiper 组件内设置样式失效问题
最优解决办法：样式穿透 sass和less的样式穿透：/deep/ stylus的样式穿透：>>>
bootstrap
bootstrap开源，基于less和sass，所有的样式都基于sass和less，一个傻瓜式的框架，可以使用ct...
sass/scss/less/css的前世今生
sass/scss 和 less的区别一. Sass/Scss、Less是什么? 二. Sass/Scss与Le...
关于css预编译工具使用
less、sass 、stylus 的@mixin 定义混合样式、@include混入样式 1、这种做法在常规使用...
关于sass（scss）、less、postcss、stylus
关于sass（scss）、less、postcss、stylus等的用法与区别一. Sass/Scss、Less...
面试必看：less与sass的区别
less与sass的区别在介绍less和sass的区别之前，我们先来了解一下他们的定义：一、Less、Sass...