Git Product home page Git Product logo

utilities.margin's Introduction

iotaCSS is now a monorepo and all individual repositories are part of it. Please open issues or PRs here: https://github.com/iotacss/iotacss.

Margin Utility

The margin utility contains helper classes for the CSS margin property.

Installation

npm install --save iotacss-utils-margin

Options

$iota-utils-margin-namespace            : 'm' !default;
$iota-utils-margin-top-name             : 't' !default;
$iota-utils-margin-right-name           : 'r' !default;
$iota-utils-margin-bottom-name          : 'b' !default;
$iota-utils-margin-left-name            : 'l' !default;
$iota-utils-margin-vertical-name        : 'v' !default;
$iota-utils-margin-horizontal-name      : 'h' !default;

$iota-utils-margin-default              : $iota-global-gutter-default !default;
$iota-utils-margin-extra                : () !default;

$iota-utils-margin-res                  : false !default;
$iota-utils-margin-breakpoints          : $iota-global-breakpoints !default;

Classes

.u-m
.u-mt
.u-mr
.u-mb
.u-ml
.u-mv
.u-mh


// Responsive Class Syntax

.u-[name]@[breakpoint-name]  // Example: .u-m@sm

utilities.margin's People

Contributors

harby avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.