Release 3.1.0

Author: cedricss

README.md

@@ -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)

elm.json

@@ -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": {}
+}

package.json

@@ -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",