neusoft-psd-ux_bootswatch v3.3.6-fix-4
使用
为方便开发人员明确 style guide 中的配色使用,基于开源的 bootstrap theme加入了一个新的 NextBlue theme,目前已发布到了 npmjs ,在源代码工程中,可利用 npm 下载依赖包:
npm i neusoft-psd-ux_bootswatch -D
在此目录下:
%PPOJECT_HOME\node_modules\neusoft-psd-ux_bootswatch\nextblue
下为对应的样式文件,具体如何使用,请参考 bootswatch 官方文档
开发者扩展
工程根目录下,利用命令行
grunt
会直接进入 liveload 模式。
利用命令行:
grunt swatch:nextblue
会直接生成 nextblue 对应的样式文件。
Bootswatch
Bootswatch is a collection of open source themes for Bootstrap. Check it out at bootswatch.com.
Usage
Download the bootstrap.min.css
file associated with a theme and replace Bootstrap's default stylesheet. You must still include Bootstrap's JavaScript file to have functional dropdowns, modals, etc.
The themes are also hosted on BootstrapCDN.
You can import a theme into your styles using either LESS or SASS.
LESS:
@import "bootstrap/less/bootstrap.less";
@import "bootswatch/theme/variables.less";
@import "bootswatch/theme/bootswatch.less";
SASS:
@import "bootswatch/theme/variables";
@import "bootstrap-sass-official/assets/stylesheets/bootstrap";
@import "bootswatch/theme/bootswatch";
Customization
Bootswatch is open source and you’re welcome to modify the themes.
Each theme consists of two LESS files. variables.less
, which is included by default in Bootstrap, allows you to customize these settings. bootswatch.less
introduces more extensive structural changes.
These files are also available in SASS.
Check out the Help page for more details on building your own theme.
API
A simple API is available for integrating your platform with Bootswatch. More info at http://bootswatch.com/help/#api
Contributing
It's through your contributions that Bootswatch will continue to improve. You can contribute in several ways.
Issues: Provide a detailed report of any bugs you encounter and open an issue on GitHub.
Documentation: If you'd like to fix a typo or beef up the docs, you can fork the project, make your changes, and submit a pull request.
Code: Make a fix and submit it as a pull request. When making changes, it's important to keep the CSS, LESS and SASS versions in sync. To do this, be sure to edit the LESS source files for the particular theme, then run the tasks grunt swatch
and grunt:convert_less
to build the CSS and LESS.
Donation: Donations are gratefully accepted via PayPal and Gratipay.
Author
Thomas Park
Thanks
Mark Otto and Jacob Thornton for Bootstrap.
Jenil Gogari for his contributions to the Flatly theme.
James Taylor for cors-lite.
Corey Sewell for SASS conversion.
Copyright and License
Copyright 2014 Thomas Park
Code released under the MIT License.
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago