Merge pull request #8 from magento-devdocs/MC-6271

MC-6271: Add docs for content type forms

Author: bdenham

docs/create-basic-content-type/step-3-add-components.md

@@ -181,3 +181,4 @@ As mentioned previously, our Quote content type has no need for a master compone
 ## Next
 
 [Step 4: Add form](step-4-add-form.md)
+

docs/create-basic-content-type/step-4-add-form.md

@@ -5,15 +5,38 @@ The development of this tutorial is currently **IN PROGRESS**.
 
 ***
 
-Like in the rest of Magento, you can use LESS files to style your content types in the Admin UI and on the storefront (frontend). 
+In this step, we will create CSS styles (using LESS) so that we can give end-users different options for customizing the Quote's appearance in the Admin and on the storefront.
 
-## Configuration
+## About styles
 
-CSS classes from your LESS files are typically used within your HTML templates. However, you can also allow end-users to apply CSS classes directly to your content types from within the editor, using the CSS Classess input field as shown here:
+Page Builder specifies two ways to 
+
+Describe how the Quote content type combines the usage of style files from end-user specification of classes in forms, to non-interactive styles used in the templates. 
+
+And more discussion of the `pagebuilder-content-type` style.
+
+## Style conventions
+
+Add your LESS files here:
+
+- For Admin UI previews: `view/adminhtml/web/css/source/content-type/example-quote/`
+- For storefront display: `view/frontend/web/css/source/content-type/example-quote/`
+
+![Create config file](../images/step6-add-styles.png)
+
+
+
+**Discuss the need for naming ``_module.less` file in the `source` directory and then how the styles are compiled and imported together and where the combined styles ultimately end up.**
+
+
+
+## Style configuration
+
+CSS classes from your LESS files are typically used within your HTML templates. However, you can also allow end-users to apply CSS classes to your content types from within the form editor, using the CSS Classess input field as shown here:
 
 ![Create config file](../images/css-classes-input-field.png)
 
-To display this field within your content type's editor, add the `<css>` element to the `main` element of your configuration:
+
 
 ```xml
 <elements>
@@ -23,16 +46,6 @@ To display this field within your content type's editor, add the `<css>` element
   </element>
 </elements>
 ```
-
-## Location
-
-Add your LESS files here:
-
-- For Admin UI previews: `view/adminhtml/web/css/source/content-type/<content-type-name>/`
-- For storefront display: `view/frontend/web/css/source/content-type/<content-type-name>/`
-
-![Create config file](../images/step6-add-styles.png)
+## Quote LESS files
 
 ## Create LESS files
-
-In this example...