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

flex-attributes

Package Overview
Dependencies
Maintainers
1
Versions
19
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

flex-attributes - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

2

package.json
{
"name": "flex-attributes",
"version": "1.0.1",
"version": "1.0.2",
"description": "A css library that allows you to compose flexbox layouts with attributes.",

@@ -5,0 +5,0 @@ "main": "flex-attributes.css",

@@ -5,18 +5,18 @@ Flex Attributes

This library allows you to compose layout with flexbox in html. Containers
are composed by combining `fa-column`|`fa-row` with `fa-layout`.
are composed by combining `flex-column`|`flex-row` with `flex-flow`.
`fa-column` or `fa-row` sets the element to be a flex container and sets the direction, `fa-layout` defines how children align on the main, and secondary axis.
`flex-column` or `flex-row` sets the element to be a flex container and sets the direction, `flex-flow` defines how children align on the main, and secondary axis.
```
fa-column="reverse nowrap" fa-layout="space-between baseline"
flex-column="reverse nowrap" flex-flow="space-between baseline"
```
`fa-row` and `fa-column` can be shorthanded and default to the flexbox defaults
`flex-row` and `flex-column` can be shorthanded and default to the flexbox defaults
```
fa-row fa-layout="start baseline"
flex-row flex-flow="start baseline"
```
`fa-layout` can be shorthanded to just the main axis
`flex-flow` can be shorthanded to just the main axis
```
fa-row fa-layout="space-between"
flex-row flex-flow="space-between"
```

@@ -32,2 +32,2 @@

Add or import `flex-attributes/dist/flex-attributes.css` into your index or compiled css build process
Add, import, or require `flex-attributes/dist/flex-attributes.css` into your project.
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