【问题标题】:LESS Boilerplate file to start a project [closed]LESS 样板文件开始一个项目[关闭]
【发布时间】:2014-03-13 18:09:59
【问题描述】:
我想知道是否有人可以在 .less 中推荐一个好的样板文件来启动项目。理想情况下,这个 .less 文件至少应包含以下内容:
- CSS 重置样式
- CSS 规范器样式
- CSS3 助手(框半径、渐变、框阴影、过渡)
- 基本颜色设置
- 一些常见 UI 元素(按钮、表格、输入、
排版等)
- 响应式图片
我对标记没有太多控制权,因此我希望为已经定义的类编写大量自定义属性。 Bootstrap 和其他需要类定义的流行库对我不起作用。我希望一个与标记无关的样板 .less 文件能给我一个好的开始。
【问题讨论】:
标签:
html
css
less
boilerplate
【解决方案1】:
看看使用较少的扩展,引导程序仍然是一个很好的样板。您仍然可以仅从中获取所需的较少文件。你会希望 bootstrap 项目中的 normalize.less 和 mixins.less。
您可以使用扩展从引导程序中获取您想要的任何其他内容。
p {
&:extend(.clearfix all);
}
img {
&:extend(.img-responsive);
}
甚至
p {
.clearfix;
}
如果您担心命名空间冲突,您可以尝试一些全局搜索和替换。如果您需要,我可以尝试帮助您。不久前我写了一些东西。
当然,您需要引导项目源 - 转到此处并单击下载 Zip - https://github.com/twbs/bootstrap