文件名称:goodrocket-css:基于ITSS架构和OOCSS原理的Sass动力,移动优先的模块化CSS滑板
文件大小:175KB
文件格式:ZIP
更新时间:2024-06-04 07:40:17
css sass boilerplate framework oocss
Goodrocket CSS 这是一个免费CSS入门套件,用于编写模块化,可维护和可扩展CSS。 目的是提供一个坚实的结构和合理的默认设置,以快速启动UI开发,然后能够不费吹灰之力地维护项目。 基于Sass预处理程序,BEM命名约定和OOCSS方法。 ITCSS体系结构和Inuitcss框架启发了我一些东西,我对其进行了扩展并适应了我的开发风格。 结构 设定档 在这里,我们有将在整个代码中使用的全局变量。 考虑排版设置,调色板,间距单位,断点,z-index图层等。 特定于组件的变量(例如$carousel-width在组件局部中定义。 这样,我们可以使这一层保持苗条,并且可以轻松地找到大多数变量以及使用它们的代码。 注意: Config层不应输出任何CSS。 @import " config/config.typography " ; // Typography variab
【文件预览】:
goodrocket-css-master
----components()
--------_components.icon.scss(445B)
----.gitignore(576B)
----README.md(9KB)
----.hero.png(141KB)
----utilities()
--------_utilities.widths.scss(5KB)
--------_utilities.font-sizes.scss(3KB)
--------_utilities.bfc.scss(3KB)
--------_utilities.clearfix.scss(268B)
--------_utilities.spacing.scss(4KB)
--------_utilities.typography.scss(2KB)
--------_utilities.hide.scss(1KB)
--------_utilities.opacity.scss(626B)
----LICENSE(1KB)
----generic()
--------_generic.reset.scss(9KB)
--------_generic.font-face.scss(416B)
--------_generic.page.scss(822B)
--------_generic.box-sizing.scss(403B)
----index.scss(258B)
----style.scss(6KB)
----objects()
--------_objects.ratio.scss(2KB)
--------_objects.table.scss(1KB)
--------_objects.media.scss(2KB)
--------_objects.block.scss(1KB)
--------_objects.container.scss(923B)
--------_objects.flag.scss(4KB)
--------_objects.grid.scss(6KB)
--------_objects.pack.scss(2KB)
----config()
--------_config.spacing.scss(763B)
--------_config.responsive.scss(1KB)
--------_config.misc.scss(397B)
--------_config.z-index.scss(564B)
--------_config.colors.scss(2KB)
--------_config.typography.scss(1KB)
----tools()
--------_tools.clearfix.scss(458B)
--------_tools.color.scss(814B)
--------_tools.hide.scss(483B)
--------_tools.mq.scss(9KB)
--------_tools.font-size.scss(586B)
--------_tools.font-face.scss(3KB)
--------_tools.z-index.scss(1KB)
----.editorconfig(188B)