「这是我参与11月更文挑战的第五天，活动详情查看：2021最后一次更文挑战」。
前言
要想写出优秀的代码，必然是要先看看学习别人的优秀的代码是如何写出来的，借鉴前人的经验，站在巨人的肩膀上，我们才能写出属于自己的优秀的代码，所以今天我们就来看看Ant design是如何抒写自己的css架构的，他又是如何在众多的ui框架中脱颖而出的。
Ant design
首先，研究他的代码，必需得找到我们所需要观察代码的位置。访问antd的官网，找到GitHub的图标，点击就可以调到相应的源码仓库了，点击分支图标就可以切换分支了，我们就可以根据分支选择看到自己想看到版本的源码了。
如上图，就是css架构所在的代码位置。
themes
我们先来看看themes文件。
点开里面的default.less文件，我们会发现里面配置是一些公共变量，以此类推，其他文件亦是如此。
再结合，分类的文件夹，我么可以发现，这就是之前我们所说的setting层和theme的结合在一起的结果。
他提供了三套公共变量，使用那一套公共变量，引入相应的文件就可以了。
mixins
打开mixins文件如下：
我们会发现里面是按照模块划分的，并且每个模块里面是一些公共样式和函数。这就和我们之前说到 tools层一致。
core
core文件目录如下：
里面的global.less 就是一些全局默认配置，如同我们之前说的normalize文件一样，负责一些默认样式。
里面还有一些动画效果，在motion文件下，和一些图标，在iconfont文件下。
好，今天就到这里了，今天努力的你依然是最棒的。加油，加油，你最棒！加油，加油，你最强！哦豁，Bye Bye！！！
