flex

061375 · Oct 13, 2019 · d80be28 · d80be28
1 parent f4ffd0a
commit d80be28
Show file tree

Hide file tree

Showing 7 changed files with 96 additions and 1 deletion.
diff --git a/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/_flex.scssc b/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/_flex.scssc
diff --git a/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/_mixins.scssc b/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/_mixins.scssc
diff --git a/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/style.scssc b/.sass-cache/04a0b062bb045bcfbf468bba15b8ee0bbec14699/style.scssc
diff --git a/css/style.css 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
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+    <title>Page Title</title>
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+
+<body>
+</body>
+</html>
diff --git a/working/sass/_flex.scss 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%;
+}
diff --git a/working/sass/style.scss b/working/sass/style.scss
@@ -1,2 +1,2 @@
 @import "mixins";
- 
+@import "flex";