#SASS

常用的sass编译库

@charset"UTF-8";/*引进图片合并给一个变量(后面会用到这个变量)*/$sprites:sprite-map("pwd/*.png",$spacing:8px,$layout:vertical);/*转换px到rem*/$browser-default-font-size:20px!default;@fu...
代码星球 ·2020-07-24

sass的颜色函数

sass中有些非常实用的颜色处理函数,总结如下1.颜色加深或变浅lighten($color,$amount)//颜色变浅darken($color,$amount)//颜色加深例如:lighten(#f36,50%)//把#f36颜色亮度提高50%#ffffffdarken(#f36,50%)//把#f36颜色亮度降...
代码星球 ·2020-06-29

sass的循环for,while,each

1.for@for$ifrom1to10{  .border-#{$i}{    border:#{$i}pxsolidblue;  }}2.while$i:6;@while$i>0{  .item-#{$i}{width:2em*$i;}  $i:$i-2;}3.each@each$memberina,b,c,...
代码星球 ·2020-06-29

sass的mixin,extend,placeholder,function

 sass中@mixin,%,@function区别@mixin   使用@include引用,可传参,返回一段css样式,不用会生成一个class,生成结果是直接拷贝,这样多处引用,会造成代码重复%      &nbs...

webpack的css,less,sass中使用绝对路径

用法:使用~表示绝对路径,如下:@import"~otherfile.scss".yourClass{background:url('~img/wallpaper.png');}webpack中配置resolve的moduleDirectorires,modules,alias三种设置路径都可以,推荐alias,ali...

webpack配置:less/sass文件打包和分离、自动处理css前缀、消除未使用的css及完整的webpack.config.js文件

一、less文件打包和分离  1、要使用less,首先使用npm安装less服务;还需要安装Less-loader用来打包使用。npminstallless--save-devnpminstallless-loader--save-dev  2、在module中配置{test:/.less$/,use:[{loader...

npm run dev运行Vue项目报错:Node Sass does not yet support your current environment

 导入Vue项目后,#npmrundev报错:12errorin./src/pages/hello.vueModulebuildfailed:Error:NodeSassdoesnotyetsupportyourcurrentenvironment.......  大致就是编译某个vue文...
代码星球 ·2020-06-16

Sublime插件支持Sass编译和Babel解析ES6 & .sublime-build文件初探

用SublimeText蛮久了,配置配来配去的,每次换电脑都得重头再配过,奈何人老了脑子不中用了,得好好整理一些,下次换电脑就有得参考了..同事说,他的WebStorm简直太方便,自身集成了很多方便的工具,不用配置太多哈哈哈哈但我还是更喜欢用ST 如果要将Sass编译成css文件,安装相应的编译工具就行,然后...

SASS用法指南

http://www.ruanyifeng.com/blog/2012/06/sass.html学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的...
代码星球 ·2020-06-02

CSS预处理器—Sass、LESS和Stylus

http://www.w3cplus.com/css/css-preprocessor-sass-vs-less-stylus-2.html一、什么是CSS预处器CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行...

【Sass初级】开始使用Sass和Compass

转自:http://www.w3cplus.com/preprocessor/beginner/getting-started-with-sass-and-compass.html如果你的朋友、同事或网友有跟你说过Sass或者Compass,或者两者,那太棒了。现在怎么办?在这篇初学者指南中,我首先带领大家使用Sass...

nodejs、sass、backbone等api地址

1、nodejsNode.jsv4.2.4手册&文档2、sassSass(3.4.21)中文文档3、backboneBackbone.js(1.1.2)API中文文档4、zeptojsZepto.js(1.1.2)5、前端开发的总结网址:WEB前端开发 ...

安装sass时,gem在国内不能安装的解决

最近在安装SASS的时候,用到gem命令,但是运行出行如下错误!(先声明,安装sass前,要保证自己电脑安装了ruby:ruby-v可以测试下有没有装) 原因是ruby的gem被和谐了,现在淘宝的ruby工程师架设了rubygems的国内镜像。使用方法如下:$gemsources--removehttps:/...

node-sass 安装失败 win32-x64-57_binding.node

安装npminstall环境的时候我遇到一个问题就是 缺少node-sass文件 用这行命令:node-p"[process.platform,process.arch,process.versions.modules].join('-')"复制输出的结果,去 Release列表 ...
首页上一页1234下一页尾页