Adds starting folders and readme files.

src/styles/README.md

@@ -1 +1,9 @@
-Application styles
+# Application styles
+
+## Naming Conventions: BEM
+
+TODO: Outline what BEM is and how to use/extend classes using it.
+
+## Recommendations on Folding In Third Party CSS
+
+TODO: Outline how/when/why to fold in third party css using npm or yarn.

src/styles/patterns/base/README.md

@@ -0,0 +1,3 @@
+# Base
+
+TODO: Outline what qualifies as a 'base' pattern.

src/styles/patterns/containers/README.md

@@ -0,0 +1,3 @@
+# Containers
+
+TODO: Outline what qualifies as a 'container' pattern.

src/styles/patterns/layouts/README.md

@@ -0,0 +1,3 @@
+# Layouts
+
+TODO: Outline what qualifies as a 'layout' pattern.

src/styles/patterns/pages/README.md

@@ -0,0 +1,7 @@
+# Pages
+
+A pages folder will not always be needed, and restraint should be used
+in leveraging it. The most likely case of it being needed will be in the
+event the homepage of a site is drastically different from other pages.
+
+TODO: Outline what qualifies as a 'page' pattern.

src/styles/vendor/README.md

@@ -0,0 +1,9 @@
+# Vendor Styles
+
+Optional folder.
+
+In cases where third party CSS needs to be included in the source files
+of a project, this is where that third party code should go.
+
+However, it's strongly recommended to leverage npm or yarn to include
+third party code that way instead.