GitBook: [master] 2 pages modified

Author: blueneogeo

guide/adding-content.md

@@ -1,5 +1,7 @@
 # Creating widget layouts
 
+## Overview
+
 In Flutter, widget trees are built by passing a child or children. Widget trees have a lot of indentation, especially since in Flutter nearly everything is a widget, and composition is preferred to inheritance. This can lead to complex nesting and child parameters.
 
 Flutter-views are optimised for building widget trees. Pug in particular is well suited for creating tree structures and moving parts around.
@@ -161,6 +163,40 @@ return Container(
 
 This has the same generated result but is cleaner.
 
+### Passing children instead of child
+
+There may be cases where flutter-view does not recognise your tag needs a children parameter instead of a child parameter. In that case use and array and assign it as children:
+
+{% tabs %}
+{% tab title="Pug" %}
+```css
+column
+    array(as='children')
+        row first!
+        row second!
+```
+{% endtab %}
+
+{% tab title="generated Dart" %}
+```dart
+Column(
+    children: [
+        Row(
+            children: [
+                Text('first!'),
+            ]
+        ),
+        Row(
+            children: [
+                Text('second!'),
+            ]
+        ),
+    ]
+)
+```
+{% endtab %}
+{% endtabs %}
+
 ## Passing parameters
 
 To pass parameters besides child or children, you pass them as pug/html parameters.

guide/styling-with-css.md

@@ -119,15 +119,15 @@ card
 
 We have a layout, and now we can style it. 
 
-The "buy tickets" and "listen" FlatButtons we want to have uppercase text:
+The "buy tickets" and "listen" FlatButtons we want to have uppercase text. We can use the **text-transform** shortcut:
 
 ```css
 flat-button
     .label
         text-transform: uppercase
 ```
 
-We want the card to be blue and the column of the card to have `mainAxisSize: MainAxisSize.min`:
+We want the card to be blue and the column of the card to have `mainAxisSize: MainAxisSize.min`:. Here we can use the [**color**](../reference/css-properties.md#color-color) shortcut, so we can use CSS colors, and the [**main-axis-size**](../reference/css-properties.md#box-shadow-7) shortcut, which lets us simply use 'min':
 
 ```css
 card
@@ -136,11 +136,10 @@ card
         main-axis-size: min
 ```
 
-We want to give some padding to the title and subtitle, and give each slightly different colors:
+We want to give some padding to the title and subtitle, and give each slightly different colors. [**Padding**](../reference/css-properties.md#padding) and [**margin**](../reference/css-properties.md#margin) are shortcuts that adhere to CSS standards:
 
 ```css
 card
-    $title-color: grey[300]
     list-tile
         .title
             color: white