diff --git a/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/_flex.scssc b/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/_flex.scssc
new file mode 100644
index 0000000..90dffe2
Binary files /dev/null and b/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/_flex.scssc differ
diff --git a/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/_mixins.scssc b/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/_mixins.scssc
new file mode 100644
index 0000000..443f011
Binary files /dev/null and b/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/_mixins.scssc differ
diff --git a/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/style.scssc b/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/style.scssc
new file mode 100644
index 0000000..96e20a3
Binary files /dev/null and b/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/style.scssc differ
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..cdf6b93
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,54 @@
+/**
+ * Some common mixins
+ * */
+/**
+ * a wrapper for transitions
+ * @param string $s a float point number in second(s) - default .6s
+ * */
+/**
+ * media query break wrapper
+ * @param string $width - 768px
+ * */
+/**
+ * wrapper to export common browser prefix for backward compatability
+ * @param array $declarations the list of styles
+ * @param list $prefixes list of prefixes to use
+ * */
+/**
+ * wrapper for keyframe animations
+ * @param string name of the animation
+ * */
+/**
+ * force not allow mouse selection of wrapped text
+ * */
+/* line 1, ../working/sass/_flex.scss */
+.flex {
+ display: flex; }
+
+/* line 7, ../working/sass/_flex.scss */
+.c0 {
+ flex: 0; }
+
+/* line 10, ../working/sass/_flex.scss */
+.c1 {
+ flex: 1; }
+
+/* line 13, ../working/sass/_flex.scss */
+.c2 {
+ flex: 2; }
+
+/* line 16, ../working/sass/_flex.scss */
+.c3 {
+ flex: 3; }
+
+/* line 19, ../working/sass/_flex.scss */
+.c4 {
+ flex: 4; }
+
+/* line 22, ../working/sass/_flex.scss */
+.c5 {
+ flex: 5; }
+
+/* line 25, ../working/sass/_flex.scss */
+.c6 {
+ flex: 6; }
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..357c2a7
--- /dev/null
+++ b/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+ Page Title
+
+
+
+
+
+
\ No newline at end of file
diff --git a/working/sass/_flex.scss b/working/sass/_flex.scss
new file mode 100644
index 0000000..6236a92
--- /dev/null
+++ b/working/sass/_flex.scss
@@ -0,0 +1,30 @@
+.flex {
+ display: flex;
+}
+.col {
+
+}
+.c0 {
+ flex: 0;
+}
+.c1 {
+ flex: 1;
+}
+.c2 {
+ flex: 2;
+}
+.c3 {
+ flex: 3;
+}
+.c4 {
+ flex: 4;
+}
+.c5 {
+ flex: 5;
+}
+.c6 {
+ flex: 6;
+}
+img {
+ //width: 100%;
+}
\ No newline at end of file
diff --git a/working/sass/style.scss b/working/sass/style.scss
index 73968a8..b97e4e5 100644
--- a/working/sass/style.scss
+++ b/working/sass/style.scss
@@ -1,2 +1,2 @@
@import "mixins";
-
\ No newline at end of file
+@import "flex";