https://github.com/canonical/vanilla-framework

From community websites to web applications, this CSS framework will help you achieve a consistent look and feel.

Science Score: 36.0%

This score indicates how likely this project is to be science-related based on various indicators:

○
CITATION.cff file
✓
codemeta.json file
Found codemeta.json file
✓
.zenodo.json file
Found .zenodo.json file
○
DOI references
○
Academic publication links
✓
Committers with academic emails
2 of 91 committers (2.2%) from academic institutions
○
Institutional organization owner
○
JOSS paper metadata
○
Scientific vocabulary similarity
Low similarity (15.8%) to scientific vocabulary

Keywords

css css-framework hack hacktoberfest html npm npm-package package sass vanilla-framework web-and-design

Keywords from Contributors

transformer communication embeddings zsh-plugin documents operating-system ecosystem-models distributed genomics interactive

Last synced: 5 months ago · JSON representation

Repository

From community websites to web applications, this CSS framework will help you achieve a consistent look and feel.

Basic Info

Host: GitHub
Owner: canonical
License: lgpl-3.0
Language: HTML
Default Branch: main
Homepage: https://vanillaframework.io
Size: 13 MB

Statistics

Stars: 918
Watchers: 37
Forks: 178
Open Issues: 189
Releases: 187

Topics

css css-framework hack hacktoberfest html npm npm-package package sass vanilla-framework web-and-design

Created almost 11 years ago · Last pushed 6 months ago

Metadata Files

Readme Contributing License Code of conduct

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 |

Using Vanilla
- Hotlinking
- Including Vanilla in your project via NPM
Developing Vanilla
Community

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.

html <link rel="stylesheet" href="https://assets.ubuntu.com/v1/vanilla-framework-version-x.x.x.min.css" />

Including Vanilla in your project via NPM or yarn

To get set up with Sass, add the sass and vanilla-framework packages to your project dependencies:

bash yarn add sass vanilla-framework

In the script that builds the CSS in your package.json, you should include the path to node_modules when looking for @imports. In this example, we have called the build script "build-css":

"build-css": "sass -w --load-path=node_modules src:dist --style=compressed"

Make a folder src/, create a file inside called style.scss and import Vanilla:

```sass // Import the theme @import 'vanilla-framework'; @include vanilla;

// Optionally override some settings $color-brand: #ffffff;

// Add theme if applicable ```

If you don't want the whole framework, you can just @include specific parts - e.g. @include vf-b-forms.

Now run yarn build-css, which will convert any Sass files in the src/ folder to CSS in the dist/ folder.

To watch for changes in your Sass files, add the following script to your package.json

"watch-css": "yarn build-css && sass --load-path=node_modules -w src:dist --style=compressed"

Developing Vanilla

If you're looking to contribute to the Vanilla project itself, start here.

Community

Keep up to date with all new developments and upcoming changes with Vanilla.

Read our latest blog posts at Ubuntu Blog
Stay in touch with us on Matrix

Code licensed LGPLv3 by Canonical Ltd

With ♥ from Canonical

Owner

Name: Canonical
Login: canonical
Kind: organization
Location: London, UK

Website: https://canonical.com
Twitter: Canonical
Repositories: 1,802
Profile: https://github.com/canonical

GitHub Events

Total

Create event: 80
Release event: 18
Issues event: 139
Watch event: 81
Delete event: 38
Issue comment event: 574
Push event: 394
Pull request event: 183
Pull request review comment event: 193
Pull request review event: 260
Fork event: 18

Last Year

Create event: 80
Release event: 18
Issues event: 139
Watch event: 81
Delete event: 38
Issue comment event: 574
Push event: 394
Pull request event: 183
Pull request review comment event: 193
Pull request review event: 260
Fork event: 18

Committers

Last synced: 9 months ago

All Time

Total Commits: 6,264
Total Committers: 91
Avg Commits per committer: 68.835
Development Distribution Score (DDS): 0.789

Past Year

Commits: 607
Committers: 22
Avg Commits per committer: 27.591
Development Distribution Score (DDS): 0.573

Top Committers

Name	Email	Commits
Bartek Szopka	b**a@c**m	1,322
Barry McGee	b**e@i**k	715
Scott Mason Nash	s**2@g**m	482
lyubomir-popov	l**v@g**m	471
Anthony Dillon	me@a****m	303
deadlight	k**l@d**t	297
pastelcyborg	1****g	260
Karl Waghorn-Moyce	k**e@c**m	201
Julie Muzina	j**a@c**m	190
Richard McCartney	r**d@m**o	188
Robin Winslow	r**n@r**k	173
Beth Collins	b**2@g**m	158
Caleb Ellis	c**s@c**m	131
Renovate Bot	b**t@r**m	116
Graham Bancroft	g**t@g**m	114
Inayaili de León Persson	i**i@g**m	105
ClementChaumel	c**l@g**m	91
renovate[bot]	2****]	86
Lyubomir Popov	l**v@g**m	74
Jenkins on demo.haus	r**s@c**m	66
Peter Makowski	p**r@m**k	54
Peter Mahnke	p**r@t**m	48
Pete	p**4@g**m	48
Ilayda Cavusoglu	i**u@c**m	45
Caleb Ellis	c**5@g**m	38
Britney Wang	b**g@c**m	38
mtruj013	m**3@f**u	32
andesol	a**l@g**m	28
dependabot[bot]	4****]	28
Seulkee Kang	s**g@g**m	25
and 61 more...

Committer Domains (Top 20 + Academic)

canonical.com: 25 integralcode.co.uk: 1 anthonydillon.com: 1 deadlight.net: 1 mccartney.io: 1 robinwinslow.co.uk: 1 renovateapp.com: 1 makowski.uk: 1 transitionelement.com: 1 fiu.edu: 1 ubuntu.qa: 1 moggridge.com: 1 oaten.name: 1 lukewh.com: 1 whykingz.com: 1 yuriy.works: 1 ehlers.berlin: 1 liquidityllc.com: 1 uniandes.edu.co: 1 ukr.net: 1

Issues and Pull Requests

Last synced: 6 months ago

All Time

Total issues: 407
Total pull requests: 801
Average time to close issues: 9 months
Average time to close pull requests: 16 days
Total issue authors: 76
Total pull request authors: 45
Average comments per issue: 2.42
Average comments per pull request: 2.8
Merged pull requests: 576
Bot issues: 0
Bot pull requests: 131

Past Year

Issues: 118
Pull requests: 215
Average time to close issues: 13 days
Average time to close pull requests: 9 days
Issue authors: 33
Pull request authors: 20
Average comments per issue: 1.31
Average comments per pull request: 2.5
Merged pull requests: 149
Bot issues: 0
Bot pull requests: 51

View more stats

Top Authors

Issue Authors

lyubomir-popov (97)
jmuzina (47)
bartaz (25)
sowasred2012 (17)
danielmutis (14)
petesfrench (14)
pastelcyborg (13)
anthonydillon (11)
charm20 (10)
britneywwc (8)
minkyngkm (8)
mattea-turic (8)
dgtlntv (7)
apollo13 (7)
huwshimi (7)

Pull Request Authors

jmuzina (270)
bartaz (143)
renovate[bot] (114)
britneywwc (35)
pastelcyborg (34)
petesfrench (24)
dependabot[bot] (17)
ClementChaumel (16)
mcslayer (15)
dgtlntv (12)
lyubomir-popov (12)
aaryanporwal (12)
muhammad-ali-pk (11)
chillkang (9)
JuanFernandoCastaneda (7)

Top Labels

Issue Labels

Bug 🐛 (111) P3 Triaged (73) WG: Proposal (71) WG: Validated (43) Triaged: v4 (42) Triaged: new architecture (40) Priority: Medium (24) Vanilla WG (21) Priority: Low (19) Guest dev 🤝 (19) Accessibility (19) Review: Code needed (18) Maintenance 🔨 (17) Feature 🎁 (16) Documentation 📝 (16) Priority: High (12) Review: Design needed (11) Good first issue 🔰 (10) Epic (9) P3 Needs decision (8) Blocked ⛔ (8) Brand (2) Review: Code +1 (2) Review: QA +1 (2) Tier: Apps (2) Tier: Global (2) Review: Percy +1 (1) Priority: Critical (1) Tier: Sites (1) Urgent (1)

Pull Request Labels

Review: Code +1 (469) Review: QA +1 (443) Maintenance 🔨 (289) Review: Percy +1 (266) Review: Design +1 (161) Feature 🎁 (144) Bug 🐛 (112) Review: QA needed (99) Documentation 📝 (96) Review: Code needed (93) Review: Percy needed (39) Review: Design needed (37) Review: Code +1 (with changes) (36) dependencies (32) Don't merge (31) Blocked ⛔ (22) Priority: High (15) Review: A11y +1 (9) Review: A11y needed (6) Review: UX needed (6) Accessibility (6) Review: QA -1 (6) Review: UX +1 (6) Question ❓ (6) Review: Code -1 (3) Review: Percy -1 (2) Breaking change 💣 (2) Brand (1) javascript (1) Epic (1)

Packages

Total packages: 3
Total downloads:
- npm 79,014 last-month

Total dependent packages: 26
(may contain duplicates)
Total dependent repositories: 219
(may contain duplicates)
Total versions: 524
Total maintainers: 3

npmjs.org: vanilla-framework

A simple, extendable CSS framework.

Homepage: https://vanillaframework.io/
License: LGPL-3.0
Latest release: 4.32.1
published 6 months ago

Versions: 240
Dependent Packages: 26
Dependent Repositories: 219
Downloads: 79,014 Last month

Rankings

Dependent packages count: 1.0%

Dependent repos count: 1.1%

Downloads: 1.2%

Average: 1.7%

Forks count: 2.6%

Stargazers count: 2.7%

Maintainers (3)

anthonydillon ubuntudesign-jenkins bartaz

Last synced: 6 months ago

proxy.golang.org: github.com/canonical/vanilla-framework

Documentation: https://pkg.go.dev/github.com/canonical/vanilla-framework#section-documentation
License: lgpl-3.0
Latest release: v4.33.0+incompatible
published 6 months ago

Versions: 277
Dependent Packages: 0
Dependent Repositories: 0

Rankings

Dependent packages count: 6.5%

Average: 6.7%

Dependent repos count: 6.9%

Last synced: 6 months ago

repo1.maven.org: org.mvnpm:vanilla-framework

A simple, extendable CSS framework.

Homepage: https://vanillaframework.io/
Documentation: https://appdoc.app/artifact/org.mvnpm/vanilla-framework/
License: LGPL-3.0
Latest release: 4.26.1
published 7 months ago

Versions: 7
Dependent Packages: 0
Dependent Repositories: 0

Rankings

Dependent repos count: 34.3%

Average: 41.6%

Dependent packages count: 49.0%

Last synced: 6 months ago

Dependencies

.github/workflows/pr.yml actions

actions/checkout v3 composite
actions/setup-node v3 composite
canonical/inclusive-naming main composite
cypress-io/github-action v4 composite

.github/workflows/publish-on-release.yml actions

actions/checkout v3 composite
actions/download-artifact v3 composite
actions/setup-node v3 composite
actions/upload-artifact v3 composite

.github/workflows/release-drafter.yml actions

release-drafter/release-drafter v5 composite

Dockerfile docker

node 18 build
ubuntu focal build
yarn-dependencies latest build

package.json npm

@percy/script 1.1.0 development
@testing-library/cypress 8.0.7 development
cypress 10.11.0 development
get-site-urls 3.0.0 development
markdown-spellcheck 1.3.1 development
parker 0.0.10 development
prettier 2.8.2 development
stylelint 14.16.1 development
stylelint-config-prettier 9.0.4 development
stylelint-config-recommended-scss 5.0.2 development
stylelint-order 5.0.0 development
stylelint-prettier 2.0.0 development
svgo 2.8.0 development
@canonical/cookie-policy 3.4.0
@canonical/latest-news 1.4.1
autoprefixer 10.4.13
postcss 8.4.21
postcss-cli 9.1.0
postcss-scss 4.0.6
sass 1.57.1
yaml 1.10.2

yarn.lock npm

753 dependencies

requirements.txt pypi

canonicalwebteam.discourse ==5.0.3
canonicalwebteam.flask-base ==1.0.6
canonicalwebteam.image-template ==1.3.1
canonicalwebteam.search ==1.2.7
canonicalwebteam.templatefinder ==1.0.0
mistune ==0.8.4
pyyaml ==5.4.1

https://github.com/canonical/vanilla-framework

Science Score: 36.0%

Keywords

Keywords from Contributors

Repository

Basic Info

Statistics

Topics

Metadata Files

README.md

Vanilla Framework

Table of contents

Using Vanilla

Hotlinking

Including Vanilla in your project via NPM or yarn

Developing Vanilla

Community

Owner

GitHub Events

Total

Last Year

Committers

All Time

Past Year

Top Committers

Committer Domains (Top 20 + Academic)

Issues and Pull Requests

All Time

Past Year

Top Authors

Issue Authors

Pull Request Authors

Top Labels

Issue Labels

Pull Request Labels

Packages

npmjs.org: vanilla-framework

Rankings

Maintainers (3)

proxy.golang.org: github.com/canonical/vanilla-framework

Rankings

repo1.maven.org: org.mvnpm:vanilla-framework

Rankings

Dependencies