Skip to content

Commit

Permalink
Release 3.1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
cedricss committed Oct 30, 2019
1 parent 4b35afa commit b9473b4
Show file tree
Hide file tree
Showing 3 changed files with 56 additions and 35 deletions.
54 changes: 37 additions & 17 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,40 +22,60 @@ Built from the Tailwind palette.

```elm
view =
div
[ css
[ backgroundColor indigo300
, hover [ backgroundColor indigo400 ]
, color indigo900
]
]
[]
div
[ css
[ backgroundColor indigo300
, hover [ backgroundColor indigo400 ]
, color indigo900
]
]
[]
```

[Browse all colors ➝](https://cedricsoulas.com/elm/css/systems#colors)
![Color system](https://github.com/cedricss/elm-css-systems/raw/master/img/colors.png)

## Spacing and sizing systems

### Spacing
```elm
element =
div
[ css
[ marginTop space8
, padding space2
, width space32
]
]
```

```elm
view =
div
[ css
[ height (fluid 2 3)
, width (fluid 1 2)
, marginY space4
]
]
[]
div
[ css
[ displayFlex
, flexWrap wrap
, maxHeight size3XL
, width (fluid 2 3)
]
]
```

[Browse spacing ➝](https://cedricsoulas.com/elm/css/systems#spacing)
![Spacing systems](https://github.com/cedricss/elm-css-systems/raw/master/img/spacing.png)

- [Learn more about `fluid`](https://package.elm-lang.org/packages/cedricss/elm-css-systems/latest/Css-Systems-Spacing#fluid)

## Font size

```elm
view =
span
[ css [ textLG ] ]
[ text "hello" ]
```

[Browse font size system ➝](https://cedricsoulas.com/elm/css/systems#text)

### Max height and max width

[Browse all ➝](https://package.elm-lang.org/packages/cedricss/elm-css-systems/latest/Css-Systems-Spacing)
Expand Down
35 changes: 18 additions & 17 deletions elm.json
Original file line number Diff line number Diff line change
@@ -1,18 +1,19 @@
{
"type": "package",
"name": "cedricss/elm-css-systems",
"summary": "Design systems based on elm-css, inspired by Tailwind.",
"license": "MIT",
"version": "3.0.0",
"exposed-modules": [
"Css.Systems.Colors",
"Css.Systems.Spacing",
"Css.Systems.Utilities"
],
"elm-version": "0.19.0 <= v < 0.20.0",
"dependencies": {
"elm/core": "1.0.0 <= v < 2.0.0",
"rtfeldman/elm-css": "16.0.1 <= v < 17.0.0"
},
"test-dependencies": {}
}
"type": "package",
"name": "cedricss/elm-css-systems",
"summary": "Design systems based on elm-css, inspired by Tailwind.",
"license": "MIT",
"version": "3.1.0",
"exposed-modules": [
"Css.Systems.Colors",
"Css.Systems.Spacing",
"Css.Systems.Utilities",
"Css.Systems.Text"
],
"elm-version": "0.19.0 <= v < 0.20.0",
"dependencies": {
"elm/core": "1.0.0 <= v < 2.0.0",
"rtfeldman/elm-css": "16.0.1 <= v < 17.0.0"
},
"test-dependencies": {}
}
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "elm-css-systems",
"version": "2.0.2",
"version": "3.1.0",
"description": "Design systems based on elm-css, inspired by Tailwind.",
"homepage": "https://cedricsoulas.com/elm/css/systems",
"author": "Cédric Soulas",
Expand Down

0 comments on commit b9473b4

Please sign in to comment.