@visual-framework/vf-utility-classes

2.0.0 • Public • Published

Utility Classes

npm version

About

Utility Classes provide the building blocks for layout and handle a range common use cases that help us avoid writing custom styles. When we need to add some margin or padding, rather than adding a new selector specific to that use case, we can use utilities. This helps us reduce the number of unique property-value pairs, and helps us keep more consistent styles across the site.

  • Utility Classes are designed to do one job well and one job only, are immutable, and on occasion are an acceptable approach to overriding component styles.
  • Utility Classes should clearly describe the job they do.
  • Utility Classes are to be namespaced with vf-u-

Install

This component is distributed with npm. After installing npm, you can install the vf-utility-classes with this command.

$ yarn add --dev @visual-framework/vf-utility-classes

The source files included are written in Sass(scss). You can point your Sass include-path at your node_modules directory and import it like this.

@import "@visual-framework/vf-utility-classes/index.scss";

Make sure you import Sass requirements along with the modules.

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
2.0.0400latest

Version History

VersionDownloads (Last 7 Days)Published
2.0.0400
1.2.00
1.0.30
1.0.20
1.0.10
1.0.00
1.0.0-rc.10
1.0.0-beta.100
1.0.0-beta.90
1.0.0-beta.80
1.0.0-beta.70
1.0.0-beta.60
1.0.0-beta.50
1.0.0-beta.40
1.0.0-beta.30
1.0.0-beta.20
1.0.0-beta.10
0.0.370
0.0.360
0.0.350
0.0.340
0.0.300
0.0.290
0.0.280
0.0.270
0.0.260
0.0.250
0.0.220
0.0.210
0.0.200
0.0.190
0.0.180
0.0.170
0.0.160
0.0.150
0.0.140
0.0.130
0.0.120
0.0.110
0.0.100
0.0.80
0.0.70
0.0.60

Package Sidebar

Install

npm i @visual-framework/vf-utility-classes

Weekly Downloads

400

Version

2.0.0

License

Apache 2.0

Unpacked Size

134 kB

Total Files

28

Last publish

Collaborators

  • bhushan-ebi
  • pacope92
  • ebiwebdev
  • sandykadam
  • khawkins98