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

postcss-grid-fluid

Package Overview
Dependencies
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

postcss-grid-fluid - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

4

package.json
{
"name": "postcss-grid-fluid",
"version": "0.1.2",
"version": "0.1.3",
"description": "A PostCSS plugin to create fluid grids.",

@@ -27,4 +27,2 @@ "keywords": [

"build": "babel src --out-dir lib",
"test-01": "postcss --local-plugins -u ./lib/index -i test/src/01.css -o test/dist/01.css",
"test-02": "postcss --local-plugins -u ./lib/index -i test/src/02.css -o test/dist/02.css",
"test": "ava && eslint *.js"

@@ -31,0 +29,0 @@ },

@@ -41,7 +41,6 @@ # postcss-grid-fluid

``` css
@gf {
width: 1, /* width/total of one blob */
gutter: 0, /* width of the gutter */
display: flex /* float or flex */
width: 1; /* width/total of one blob */
gutter: 0; /* width of the gutter */
display: flex; /* float or flex */
}

@@ -54,5 +53,2 @@ ```

- [Rows](#rows)
- [Blobs](#blobs)
### Rows

@@ -75,28 +71,4 @@

* * *
Example 1: [input](https://github.com/francoisromain/postcss-button/blob/gh-pages/test/src/01.css), [output](https://github.com/francoisromain/postcss-button/blob/gh-pages/test/dist/01.css), [markup](https://github.com/francoisromain/postcss-button/blob/gh-pages/test/01.html), [demo](http://localhost/francoisromain.github.io/postcss-button/test/01.html)
## Examples
``` css
.my-row {
gf: row 1.5rem;
}
```
``` css
.my-blob {
gf: blob 0.75;
}
.my-blob-with-offset {
gf: blob 3/4 1.5rem float;
}
```
01: [input](https://github.com/francoisromain/postcss-button/blob/gh-pages/test/src/01.css), [output](https://github.com/francoisromain/postcss-button/blob/gh-pages/test/dist/01.css), [markup](https://github.com/francoisromain/postcss-button/blob/gh-pages/test/01.html), [demo](http://localhost/francoisromain.github.io/postcss-button/test/01.html)
02: [input](https://githubcom/francoisromain/postcss-button/blob/gh-pages/test/src/02.css), [output](https://github.comfrancoisromain/postcss-button/blob/gh-pages/test/dist/02.css), [markup](https://ithub.com/francoisromain/postcss-button/blob/gh-pages/test/02.html), [demo](http://localhost/francoisromain.github.io/postcss-button/test/02.html)
Example 2: [input](https://githubcom/francoisromain/postcss-button/blob/gh-pages/test/src/02.css), [output](https://github.comfrancoisromain/postcss-button/blob/gh-pages/test/dist/02.css), [markup](https://ithub.com/francoisromain/postcss-button/blob/gh-pages/test/02.html), [demo](http://localhost/francoisromain.github.io/postcss-button/test/02.html)
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