【问题标题】: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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-07-07
      • 2017-11-23
      • 1970-01-01
      • 2011-02-16
      • 2012-12-08
      • 2013-06-28
      • 1970-01-01
      相关资源
      最近更新 更多