剑客
关注科技互联网

标签:Sass

技术教程

SASS详解之沿袭(extend)

阅读(93)评论(0)

SASS详解之继承(extend)每一个类名都有可能有另一个类名的所有样式和它自己的特定样式的。当一个div的身上有两个类名,一个是“one”,另一个是“two”的时候。如下

技术教程

使用Sass制作倾斜角度

阅读(58)评论(0)

最近,我不得不在一个网站大量使用倾斜角度作为其设计指南的一部分。倾斜角,是指一个区域它的顶部或底部边缘不是完全水平而是倾斜的。

技术教程

组织你的Sass文件

阅读(47)评论(0)

作者: 大漠 日期: 2016-10-26 点击: 1 Preprocessor Sass SCSS 小编推荐:掘金是一个高质量的技术社区,从 ECMAScript 6 到 Vue.js,性能优化到开源类库,让你不错过前端开发...

技术教程

如何编写自定义Sass 函数

阅读(46)评论(0)

如果您构建过不少网站,可能已注意到可以在一个项目中轻易的复制代码然后跨项目应用。反复复制相同的代码会浪费时间和增加错误出现的可能性。在Sass之前的系列中,我曾说mixins是样式重用和 编写 DRYer代码 的一个选择。Functi...

技术教程

SASS详解

阅读(60)评论(0)

以前看到SASS之类的工具觉得应该比较难,今天接触了之后发现挺好用的,主要是方便了CSS的编写。在编写比较大的项目的时候,由于内容很多,因此样式表也会比较繁杂,如果要修改其中某一个的名字,就会维护起来很麻烦。因此才需要用到SASS这样的工具...

技术教程

Vue2 移动端开发环境搭建

阅读(92)评论(0)

本文给出基于 Vue2 的移动端环境搭建,移动端大家更多想到的是响应布局,我们根据不同大小的屏幕进行适配,当然少不了我们的重头戏 rem,移动端相比 pc 端就没什么特别的了。

技术教程

小白学react之SASS实战

阅读(127)评论(0)

天地会珠海分舵注:随着微信应用号的呼之欲出,相信新一轮的APP变革即将发生。作为行业内人士,我们很应该去拥抱这个趋势。其中Reactjs相信是开发webapp的佼佼者,这段时间将会通过改造官方实例alt-tutorial来学习Reactjs...

技术教程

关于更好地组织Sass变量的想法

阅读(74)评论(0)

去年的大部分时间我写的CSS都放在一个 预处理的Sass 文件中,尤其是在一个 .scss 文件中。对我来说不错,但没有好好利用Sass提供的特性。我的SCSS文件通常比嵌套输出的CSS要小。我 大量使用变量和引入不常用的...

技术教程

gulp-work-flow 前端工作流原来可以这么简单

阅读(84)评论(0)

最近前端一直是一个火热的话题,前端技术栈也是伴随着nodejs的出现而更替的飞快,导致大部分前端开发者曾一度迷茫在这各种技术选型上,比如前端自动化工具就有Grunt,Gulp,Webpack,Fis3等等各种解决方案,关于它们的优劣也有很多...

技术教程

PostCSS入门:Sass用户入门指南

阅读(74)评论(0)

你可能已经听说过 PostCSS ,它 比libsass快了几乎两倍 (并且比Ruby Sass快了28倍);或者听说过它支持 cssnext 和 CSS Modules 而且 可扩展功能 ,但你是否已经找机会尝试一下了?

技术教程

如果你会了Sass,你就会了ES2015

阅读(62)评论(0)

如果你会了Sass,你就会了ES2015!...虽然不是全部,但也有很多惊人的相似之处!当学习 最新的ECMAScript 规范 ,ES2015(以前被称为ES6)时,碰到了一些让我立刻想到Sass的特性。