A pattern to display statistic-like information for Scales CSS
An object to display statistic-like information.
Scales uses the Sass CSS preprocessor, you'll need either Ruby Sass or LibSass.
* utilities-clearfix
* NPM: npm install --save @scales/objects-stats
Stats should be used with a `` * * #### The Scales Namespace Variable All Scales patterns expose the #### Class Level Namespace Variable Class level namespace variables allow you to namespace a selector based on the type e.g. This pattern exposes the #### Namespace Variable Usage To set either of these namespaces, you will need to set the variables in a file that is imported before any scales files. For example: and individual s to group the stat title and value. The --big variation can be used when the title or values are too long to sit next to each other in a row. For example:
```
.StatsAvailable Classes
.Stats--big
* .Stat
* - wrapper for each stat pair.Stat__title
* .Stat__value
* $stat-spacingAvailable Variables
- space to the right of each stat$scales-namespace$3
variable.$scales-namespace accepts a string that will prefix all Scales classes. The default value is null.b- for "base", o- for "objects", u- for utilities, and c- for "components".$scales-objects-class-namespace variable.$scales-objects-class-namespace accepts a string that will prefix any classes in this pattern and follow the Scales Namespace Variable if it is not null. The default value is null.```
@import your-project/settings; // Namespace variables are set in this file
@import your-project/scalescss; // Imports all of the Scales packages
@import your-project/project // The rest of your project imports