SASS

SASS

SASS

65 文章 798 浏览

最新文章

Sass 基础 颜色函数

  • Sass 基础 颜色函数
  • Sass 基础 颜色函数
  • Sass 基础 颜色函数
  • Sass 基础 颜色函数

色彩是设计的一个美妙元素和一个至关重要的工具,同时他能帮助你更好的抓住您的客户。更为重要的是,色彩能帮你表达某些特定的情感,把用户视线带到特点的地方或者帮助你传达信息。在 Web 设计中,主要依靠颜色来表达你的色彩。 如果你只是直接丢一堆颜色给用户,他们也不会集中注意力在你的设计上的。色彩很微妙,所以为了让色彩成为可被利用的工具我们必须正确使用它。像其他设计元素一样,色彩也要好好利用才能发挥它的魔…

晚风撩人 2021-09-26 08:54:12 浏览 712 评论 0 收藏 0

使用 Sass 制作倾斜角度

最近,我不得不在一个网站大量使用倾斜角度作为其设计指南的一部分。倾斜角,是指一个区域它的顶部或底部边缘不是完全水平而是倾斜的。 实现这种效果有很多种方法。例如可以将base64编码的图片应用为背景,但这会使得它很难自定义(颜色,角度等)。 另一种方法是倾斜或旋转绝对定位的伪元素,然而倾斜变换是我最不愿意处理的一件事。 使用Sass时,可以使用动态编码生成 SVG 的 Angled Edges库。它…

清晨说ぺ晚安 2021-09-24 09:01:15 浏览 843 评论 0 收藏 0

弄懂 Sass 3.5 的匿名函数

对博客上最新发布的 Sass 版本感到困惑?我也是。 Sass 3.5.0-RC.1标记了一种新的数据类型:匿名函数。在候选发布公告中,用了四个段落篇幅描述了 匿名函数 大量的细节,而不显示任何代码。由于并未真正理解它的含义,所以决定深入了解它。 匿名函数 候选版本上面写着: 可通过传函数名到 get-function($name) 中得到一个匿名函数 这说明 get-function($name…

偏爱自由 2021-09-23 09:10:02 浏览 809 评论 0 收藏 0

Sass 基础 PXtoEMMixin 和 @function

CSS 单位 是一个很意思的东西,到目前为止,CSS的单位不仅仅局限于 em,px,pt,com,in...,还出现了新的单位,比如 rem,vw,vh,vmin和vmax等等。在 CSS-trick 有对这些单位进行描述。在这么多的单位中,其中px与em两者的互转是最令同学们头痛的。简值是一言难尽,理不清呀! 如果你想了解更多有关于 px 转 em 相关知识,建议您仔细阅读一下下面的文章: PX…

泛泛之交 2021-09-20 21:19:20 浏览 960 评论 0 收藏 0

如何编写自定义 Sass 函数

如果您构建过不少网站,可能已注意到可以在一个项目中轻易的复制代码然后跨项目应用。反复复制相同的代码会浪费时间和增加错误出现的可能性。在Sass之前的系列中,我曾说 mixins 是样式重用和 编写 DRYer代码 的一个选择。Functions是实现相同功能的另一个方法。 最近几个月我一直在讲 Sass 的数据类型、运算符和函数。我们讲过了 numbers, strings, colors, co…

偏爱自由 2021-09-19 18:11:59 浏览 742 评论 0 收藏 0

使用 Sass 混合宏来声明 CSS 伪类选择器

  • 使用 Sass 混合宏来声明 CSS 伪类选择器
  • 使用 Sass 混合宏来声明 CSS 伪类选择器
  • 使用 Sass 混合宏来声明 CSS 伪类选择器
  • 使用 Sass 混合宏来声明 CSS 伪类选择器

CSS3在选择器方面添加伪类选择器这方面的特性,比如 :nth-child(n)、:nth-of-type(n) 这样的选择器,其好处在这里就不多说了。 而今天我们要说的是在 Sass 中如何更灵巧的使用 CSS3 的一些伪类选择器。 为什么使用混合宏来定义伪类选择器 CSS3中伪类选择器怎么使用,我想不是什么大问题,但大家在使用伪类选择器时,或多或少感觉到了其不太方便与灵巧。不过不要急,现在借助…

偏爱自由 2021-09-01 23:48:03 浏览 849 评论 0 收藏 0

sassCore 一个值得你拥有的 Sass 库

sassCore 在 sass 库中作为一个后来者,不可避免的要拿来和最具代表的 compass 做比较。当然这一方面是目前比较全面的sass库也比较少,而另一方面也说明sassCore其实也是有一定含金量的,不然烂的可以的话,也就不用去比较了。 在这我们先介绍下 sassCore 产生的背景。 sassCore 是怎么产生的? 设计这个 sassCore 绝不是闲得蛋疼去重复造轮子,也不是一时手…

晚风撩人 2021-08-30 23:47:27 浏览 702 评论 0 收藏 0

Sass 中的反三角函数

  • Sass 中的反三角函数
  • Sass 中的反三角函数
  • Sass 中的反三角函数
  • Sass 中的反三角函数

有可能你会认为数学在 CSS 中用不上,但实际上,在写 CSS 时运用一些数学可以帮你做一些令人惊讶的事情。数学(尤其是三角函数)可以帮助你模拟一个真实的世界。如果你想做这样的事情,你需要了解复杂的三维变换。如果你只是想在朋友面前展示一下你的才华,这将是一件非常有兴趣的事情。 这里有一个示例:https://codepen.io/anon/embed/kpCyx 这是一个旋转的三十二面体(由二十个…

泛泛之交 2021-08-29 01:31:02 浏览 873 评论 0 收藏 0

将你的 CSS 项目转换成 Sass

在过去的一年里,我花了很多的时间在学习 Sass知识 以及提高 Sass 的技术水平。在与别人的交谈中,我发现从 CSS 项目转到 CSS 预处理器时,都有这样的担忧: 我不知道从哪里,从什么时候开始,将 CSS 项目转换成 Sass。 有大量的文档和技术诀窍介绍使用Sass和Compass来创建一个新的项目,但考虑到如何将一个CSS项目转换成Sass项目对部分同学有所帮助的时,我整理了这样的一个…

晚风撩人 2021-08-29 01:08:45 浏览 774 评论 0 收藏 0

Sass Guidelines 中文版本之简介

本章向大家开始介绍 Sass Guidelines 有关于 Sass 的相关内容。主要介绍了为什么要一份这样的指南,其原则是什么,以及Sass的一些语法书写规范围等等 简介 为什么需要一个样式指南? 一个样式指南并不是一份便于阅读并使代码处于理想状态的文档。它在一个项目的生命周期中是一份关键文档,描述了编写代码的方式和采用这样方式的原因。它可能在小项目中显得有些矫枉过正,但却能在保持代码库整洁,提…

归属感 2021-08-23 23:50:14 浏览 944 评论 0 收藏 0
更多

推荐作者

qq_81h7fk

文章 0 评论 0

Aik

文章 0 评论 0

爱上歆随懿恫

文章 0 评论 0

qq_rvKjBH

文章 0 评论 0