深圳市府.消防.TCL.联通国际供应商

立足大湾区，服务全世界！

点击拨打：86721169 | 留言

网站开发的CSS 预处理

2017-07-20
412 Views

在网站开发过程中，CSS 预处理器，如Sass、Less和PostCSS，通过额外的功能扩展了我们样式表的语法，使开发更加方便。假设您的项目包含一个模块化比例尺，以响应排版和间距来保持比例。与其为每条规则都做所有的数学运算（或依赖计算器），我们可以编写一个函数来接受我们规模中所需的步骤……

网站开发

并返回正确的值：

深圳网站开发公司

但是，假设您希望这些标题大小不仅可以通过样式表使用：也许您想将它们集成到WordPress 块编辑器中，在Storybook 中动态记录它们，在本机应用程序中使用它们，或者完全使用它们。

我们需要的是设计令牌！但在这种情况下，我们会遇到一些新问题。mod.step在我们的 Sass 文件的上下文之外没有任何意义。如果我们只标记规模步骤，我们将不得不为我们支持的每个平台重写转换数学。（呸！）

网站开发公司

所以让我们把这个逻辑从我们的 Sass 移到我们的代币上，从那个模块化的缩放函数开始……

专业网站开发

我们可以将其融入我们的代币定义中。在Style Dictionary 中，我们可以使用与任何Node.js项目相同的技术：

分享：

相关资讯

深圳网站设计公司告诉你网站的统一问题

深圳网站设计公司告诉你网站的统一问题

2018-07-27

一个优秀的网站并不是那么简单就能完成的，需要我们注意... 查看详情

上海高端网站设计公司|品牌网站设计

上海高端网站设计公司|品牌网站设计

2017-07-20

现在的社会是一个信息社会，互联网的发展使人们越来越重... 查看详情

高端网站建设为什么需要选择响应式

高端网站建设为什么需要选择响应式

2017-07-20

说起响应式，网站建设都不陌生，因为响应式有很多很多的好... 查看详情

企业网站设计常见的七个问题

企业网站设计常见的七个问题

2017-07-20

在制作企业网站设计时，有时设计师和客户讲的语言不尽相... 查看详情

网站设计流程分析

网站设计流程分析

2017-07-20

如果网站设计如此简单，那就好了：“先做然后做，然后再做。... 查看详情

深圳网站设计公司分享网页设计排版

深圳网站设计公司分享网页设计排版

2017-07-20

网页设计排版是一种经常被忽视但在设计中并没有失去其... 查看详情

如何服务好网站设计客户

如何服务好网站设计客户

2017-07-20

几乎每个代理商或自由职业者都会问自己：“我在哪里可以... 查看详情

网站建设中如何设计搜索框

网站建设中如何设计搜索框

2017-07-20

很多大公司在进行网站建设时，都会要求设计搜索框，为什么... 查看详情

东莞网站建设分享—CALEM高端网站设计

东莞网站建设分享—CALEM高端网站设计

2017-07-20

【维仆品牌网络】专注高端网站设计定制，服务包含高端网... 查看详情

日本人力资源网站设计分享

日本人力资源网站设计分享

2017-07-20

人力资源的网站设计相信很多大学生出来的时候肯定去过... 查看详情

联系

地址：深圳市罗湖区中海慧智大厦1A座706
热线：0755-8672-1169
直线：137-2893-6255
Email： 2503595831@qq.com
周一 - 周五：10:00 am - 7:30 pm
周六 - 周日：休整
服务城市： 深圳广州香港成都台湾珠海汕头甘肃中山佛山长沙东莞
深圳区域： 罗湖福田南山盐田宝安龙岗龙华光明大鹏坂田西乡科技园

关于维仆

解决方案

网站设计

维仆新闻