You're Invited: Meet the Socket team at BSidesSF and RSAC - April 27 - May 1.RSVP
Socket
Sign inDemoInstall
Socket

supercell

Package Overview
Dependencies
Maintainers
2
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

supercell - npm Package Compare versions

Comparing version

to
1.2.0

2

package.json
{
"name": "supercell",
"version": "1.1.0",
"version": "1.2.0",
"description": "Grid-like layout system.",

@@ -5,0 +5,0 @@ "scripts": {

@@ -1,6 +0,12 @@

# Supercell
[![npm version](https://badge.fury.io/js/supercell.svg)](https://badge.fury.io/js/supercell)
_Supercell is an ITCSS-compatible library for building grid-like structures in our
UIs. It can be consumed on its own, or as part of Toolkit._
# Supercell
> **Fluid, responsive, nestable, reorderable, mobile-first layouts.**
Supercell is an [ITCSS-compatible](https://twitter.com/itcss_io) library for building grid-like structures in our
UIs.
It can be consumed on its own, or as part of [Toolkit](https://github.com/sky-uk/toolkit).
## Contents

@@ -11,6 +17,10 @@

3. [Usage](#usage)
1. [Responsive](#responsive)
4. [Options](#options)
5. [Example](#example)
4. [Responsive](#responsive)
5. [Options](#options)
6. [Example](#example)
7. [Versioning](#versioning)
8. [Contributing](#contributing)
**N.B.** If you are using Supercell as part of [Toolkit](https://github.com/sky-uk/toolkit), you will not need to install or configure anything. Please ignore the first two sections.
## Installation

@@ -28,3 +38,3 @@

by `_tools.widths.scss`’ mixin in order to create layout structures that are
sized accordingly, e.g.:
sized accordingly, for example:

@@ -46,5 +56,2 @@ ```HTML

**N.B. If you are using Supercell as part of Toolkit, you will not need to
configure anything. Please ignore this section.**
There are only two parts of Supercell that might need configuring:

@@ -86,4 +93,6 @@

To generate your width classes (e.g. `.u-width-1/2`) you need to call the
`widths()` mixin in your project, passing in the number of columns you would
like to create. To create a 12 column layout system, simply call the mixin like
`supercell()` mixin in your project, passing in the number of columns you would
like to create.
To create a 12 column layout system, simply call the mixin like
so:

@@ -216,1 +225,16 @@

```
## Versioning
Supercell follows Semantic Versioning to help manage the impact of releasing new library versions.
## Contributing
We appreciate **any** contribution to Supercell.
We keep a list of features and bugs in the [issue tracker](https://github.com/sky-uk/supercell/issues).
### Maintainers
Supercell is maintained by the [Toolkit Maintainers](https://github.com/sky-uk/toolkit#maintainers) and [Harry Roberts](https://github.com/csswizardry).

Sorry, the diff of this file is not supported yet