Vanilla Framework
Vanilla Framework is an extensible CSS framework, built using Sass and is designed to be used either directly or by using themes to extend or supplement its patterns.
Documentation |Join the mailing list
Table of contents
Using Vanilla
Hotlinking
You can link to the latest build to add directly into your markup like so, by replacing the x values with the version number you wish to link.
<link rel="stylesheet" href="https://assets.ubuntu.com/v1/vanilla-framework-version-x.x.x.min.css" />
Including Vanilla in your project via NPM
Pull down the latest version of Vanilla into your local node_modules folderand save it into your project's dependencies (package.json) as follows:
npm install --save-dev vanilla-framework
Now ensure that your SASS builder is including modules from node_modules. E.g. for Gulp:
// gulpfile.js
gulp.task('sass', function () {
return gulp.src('[your-sass-directory]/**/*.scss').pipe(
sass({
includePaths: ['node_modules'],
})
);
});
Please note, that to provide the best browser support you should also include autoprefixer as a build step.
Then reference it from your own Sass files, with optional settings:
// Optionally override some settings
$color-brand: #ffffff;
// Import the theme
@import 'vanilla-framework/scss/vanilla';
@include vanilla;
// Add theme if applicable
If you don't want the whole framework, you can just @include specific parts - e.g. @include vf-b-forms.
Developing Vanilla
If you're looking to contribute to the Vanilla project itself, start here.
- Code of conduct
- Reporting bugs and issues
- Working with the Vanilla project
- Pull requests
- Releasing Vanilla
Community
Keep up to date with all new developments and upcoming changes with Vanilla.
- Follow us on Twitter @vanillaframewrk
- Read our latest blog posts at Ubuntu Blog
Code licensed LGPLv3 by Canonical Ltd
With
-
一、Abstract The U-Net was presented in 2015. With its straight-forward and successful architecture it quickly evolved to a commonly used benchmark in medical image segmentation. The adaptation of the U
-
vanilla Originally posted on www.florin-pop.com 最初发布在www.florin-pop.com The theme for week #15 of the Weekly Coding Challenge is: 每周编码挑战第15周的主题是： 即时搜寻 (Instant Search) We live in a fast world and we w
-
香草/Vanilla 香草/Vanilla是一个基于Openresty实现的高性能Web应用开发框架. 邮件列表 vanilla-en vanilla-en@googlegroups.com vanilla-devel vanilla-devel@googlegroups.com vanilla中文邮件列表 vanilla@googlegroups.com 安装 目前Vanilla支持两种安装
-
Vanilla-Tooltip 是一款采用JS编写的轻量级文本提示插件。 示例代码： <!DOCTYPE html><html> <head> <title>Vanilla Tooltip</title> <style> *, *:before, *:after, body { box-sizing: borde
-
Vanilla是一套非常灵活的PHP+MySQL开源论坛。它的特点在于各种配置，功能，操作界面风格都很简洁，素雅。另外Vanilla默认会在首页 中直接列出所有贴子，按照时间顺序，把最新的讨论贴放在最前面风格类似于Blog。Vanilla还具有很强的扩展性，可通过插件来扩展其功能。 Vanilla 支持使用 Twitter、Facebook、Google 和其他 OpenID 帐号登录。
-
Vanilla JS 是一个快速、轻量级和跨平台的框架用来构建强大的 JavaScript 应用程序。 Vanilla JS 代码： var r = new XMLHttpRequest();r.open("POST", "path/to/api", true);r.onreadystatechange = function () { if (r.readyState != 4 || r.sta
-
Vanilla-Plugin-YoukuTudou 是 Vanilla 论坛的优酷和土豆视频嵌入插件。
-
安装 目前Vanilla支持两种安装方式 Make（推荐使用此种） Luarocks（已有 OpenResty 环境 Luarocks 的安装可以参考《基于 OpenResty 安装 Luarocks》） make install安装须知 Vanilla 支持的选项都提供了默认值，如果你的环境与默认值不一样，请configure时指定成你自己的。 特别注意选项--openresty-path，默认