chore(packages): move the packages to root

core/src/components/col/col.tsx

@@ -0,0 +1,7 @@
+import { Component } from '@stencil/core';
+
+
+@Component({
+  tag: 'ion-col'
+})
+export class Col {}

core/src/components/col/readme.md

@@ -0,0 +1,27 @@
+# ion-col
+
+Columns are cellular components of the [grid](../Grid) system and go inside of a [row](../Row).
+They will expand to fill their row. All content within a grid should go inside of a column.
+
+## Column attributes
+
+By default, columns will stretch to fill the entire height of the row.
+There are several attributes that can be added to a column to customize this behavior.
+
+| Property              | Description                                                                                                 |
+|-----------------------|-------------------------------------------------------------------------------------------------------------|
+| align-self-start      | Adds `align-self: flex-start`. The column will be vertically aligned at the top.                            |
+| align-self-center     | Adds `align-self: center`. The column will be vertically aligned in the center.                             |
+| align-self-end        | Adds `align-self: flex-end`. The column will be vertically aligned at the bottom.                           |
+| align-self-stretch    | Adds `align-self: stretch`. The column will be stretched to take up the entire height of the row.           |
+| align-self-baseline   | Adds `align-self: baseline`. The column will be vertically aligned at its baseline.                         |
+
+
+
+<!-- Auto Generated Below -->
+
+
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*