Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

factorial-utils-margin

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

factorial-utils-margin

Low-level and immutable margin utilities.

  • 0.0.1
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
9
increased by800%
Maintainers
1
Weekly downloads
 
Created
Source

Factorial utils-margin

Low-level and immutable margin utilities.

  • These are helper utilities that set margins based on a global white space scale.
  • These utilities use a shorthand naming convention.
  • Heaviliy inspired by Basscss margin utils.
  • Read more about SUIT CSS's design principles.

Installation

$ npm install factorial-utils-margin

Available classes

Top margins

  • .u-mt1
  • .u-mt2
  • .u-mt3
  • .u-mt4
  • .u-mt5
  • .u-mt6
  • .u-mt7
  • .u-mt8

Right margins

  • .u-mr1
  • .u-mr2
  • .u-mr3
  • .u-mr4
  • .u-mr5
  • .u-mr6
  • .u-mr7
  • .u-mr8
  • .u-mrAuto

Bottom margins

  • .u-mb1
  • .u-mb2
  • .u-mb3
  • .u-mb4
  • .u-mb5
  • .u-mb6
  • .u-mb7
  • .u-mb8

Left margins

  • .u-ml1
  • .u-ml2
  • .u-ml3
  • .u-ml4
  • .u-ml5
  • .u-ml6
  • .u-ml7
  • .u-ml8
  • .u-mlAuto

Horizontal margins

  • .u-mh1
  • .u-mh2
  • .u-mh3
  • .u-mh4
  • .u-mh5
  • .u-mh6
  • .u-mh7
  • .u-mh8
  • .u-mhAuto

Vertical margins

  • .u-mh1
  • .u-mh2
  • .u-mh3
  • .u-mh4
  • .u-mh5
  • .u-mh6
  • .u-mh7
  • .u-mh8

Browser support

Refer to the caniuse page for rem units.

Development

Prerequisites

Installation

$ npm install

Available tasks

npm run ...Description
buildCompile and bundle all CSS and JS files.
build:cssCompile and bundle all CSS files to build/index.css.
build:jsCompile and bundle all JS files to build/index.js.
build:testCopy and preprocess idiomatic test files to build.
deployDeploy gh-pages branch.
startStart a development server at http://localhost:8080.
testRun all tests.
test:browserRun all browser tests.
test:lint-cssLint all CSS files.
test:lint-jsLint all JS files.
watchWatch for file changes in lib and trigger a new build.

Keywords

FAQs

Package last updated on 06 Jul 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc