academies-trust/less-framework

提供Less功能的框架。

v0.2.32 2015-07-02 10:04 UTC

This package is not auto-updated.

Last update: 2024-09-28 17:49:03 UTC


README

安装

执行以下操作

bower install less-framework --save

然后,将标准包含到您的项目中。在您的 app.less 文件顶部包含 standards。在一个标准的Laravel 5.1安装中,这可能看起来是这样的

@import "../../../vendor/bower_components/less-framework/standards";

下次您运行 gulp 时,标准将被导入。

使用方法

请查看Wiki以获取有关包含组件的信息:https://github.com/academies-trust/less-framework/wiki/

此包使用Bootstrap网格,其文档可以在以下位置找到:https://bootstrap.ac.cn/css/#grid

初始设置

您需要设置您的颜色方案。在您的 app.less 文件中,添加以下变量(使用您自己的颜色)

@primary: #ff5722;
@primary-toolbar: #E64A19;
@primary-light: #FFCCBC;
@accent: #0091EA;

为了有效地选择您的颜色,建议您查看此处:http://www.google.co.uk/design/spec/style/color.html#color-color-palette

覆盖

建议您不要直接更新框架中的文件,因为这些文件在发布更新时将被覆盖。

相反,您应该在您的 resources/assets/less 中的 modules 和/或 components 文件夹内创建。将这些包含到您的 app.less 中。