figstrap_rails 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 118e64a864c21a6223d1b8ecab5d7f8bd3b792d3c2f54b7783888f83c269b289
-  data.tar.gz: 24be6da50cbf868ac3d802e2740db548c2a9d5b7a7bc2f2d6307a90903fedb14
+  metadata.gz: 575fdcda764bde23979644c3f85bdb1ca7887c21cffcf44b1ee8da540aafd7ac
+  data.tar.gz: f3815322f5a585862995ef399bc9b03f1c321ca5d6a01d8012edde18b000ceba
 SHA512:
-  metadata.gz: e1def45084cb408ec9d02fa68e0d5dc0979ec025f4e7dbe70f07307508971e884d84b1cf04efe4d863133d0c84149be5721f3f9a2c942a7b3b5e739654ca6c74
-  data.tar.gz: e880e13452d6643a700f61d7356fe5277f689f1fea8c73901ab12ba7978d791e6ed0fea1f81e76823cbd0f8cfece08123df503c9a2704176ca87cbae1987a288
+  metadata.gz: b283e061c94c889b38de7b0176e786823a9b85967671849bf09c56763df4e262d5681bf150a719da8b2903be75815275ac9157842e2ddcabb9bf0d40b1be6f95
+  data.tar.gz: 6e815263552b96fd010295f8412f3905671176f0b9c519ca91bbf9e206d164947b6ccbf4797b14876be5109f2c80a97f1fe4574186a920e1a52d03de6f6ab755

data/.gitignore

@@ -6,4 +6,4 @@
 /pkg/
 /spec/reports/
 /tmp/
-.gem
+*.gem

data/lib/figstrap_rails/version.rb

@@ -1,3 +1,3 @@
 module FigstrapRails
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

data/vendor/assets/stylesheets/src/fgs_auto_layout.scss

@@ -1,7 +1,18 @@
 /* FigStrap Auto Layout */
 
 .fgs-al {
+  display: flex;
 
+  /* FigStrap Auto Layout Vertical */
+  &.fgs-al-v {
+    flex-direction: column;
+  }
+
+  /* FigStrap Auto Layout Horizontal */
+  &.fgs-al-h {
+    flex-direction: row;
+  }
+  
   /* FigStrap Auto layout padding */
   &.fgs-al-p-10 {
     padding: 10px;
@@ -15,122 +26,77 @@
     padding: 60px;
   }
 
-  /* FigStrap Auto Layout Vertical */
-  &.fgs-al-v {
-    &.fgs-al-g-6 {
-      > .fgs-ali {
-        margin: 6px 0;
-      }
-    }
-
-    &.fgs-al-g-10 {
-      > .fgs-ali {
-        margin: 10px 0;
-      }
-    }
-
-    /* FigStrap Auto layout Gap (margin) */
-    &.fgs-al-g-16 {
-      > .fgs-ali {
-        margin: 16px 0;
-      }
-    }
-    
-    &.fgs-al-g-20 {
-      > .fgs-ali {
-        margin: 20px 0;
-      }
-    }
-
-    &.fgs-al-g-30 {
-      > .fgs-ali {
-        margin: 40px 0;
-      }
-    }
-
-    &.fgs-al-g-40 {
-      > .fgs-ali {
-        margin: 40px 0;
-      }
-    }
-
-    &.fgs-al-g-60 {
-      > .fgs-ali {
-        margin: 60px 0;
-      }
-    }
-
-    .fgs-ali:first-child {
-      margin-top: 0 !important;
-    }
-
-    .fgs-ali:last-child {
-      margin-bottom: 0 !important;
-    }
+  /* FigStrap Auto layout gap */
+  &.fgs-al-g-6 {
+    gap: 6px;
   }
 
-  /* FigStrap Auto Layout Horizontal */
-  &.fgs-al-h {
-    display: flex;
-
-    &.fgs-al-justify-content-space-between {
-      justify-content: space-between;
-    }
-
-    &.fgs-al-align-center {
-      align-items: center;
-    }
-
-    /* FigStrap Auto layout Gap (margin) */
-    &.fgs-al-g-6 {
-      > .fgs-ali {
-        margin: 0 6px;
-      }
-    }
-
-    &.fgs-al-g-10 {
-      > .fgs-ali {
-        margin: 0 10px;
-      }
-    }
-
-    &.fgs-al-g-16 {
-      > .fgs-ali {
-        margin: 0px 16px;
-      }
-    }
-    
-    &.fgs-al-g-20 {
-      > .fgs-ali {
-        margin: 0 20px;
-      }
-    }
-
-    &.fgs-al-g-30 {
-      > .fgs-ali {
-        margin: 0 30px;
-      }
-    }
-
-    &.fgs-al-g-40 {
-      > .fgs-ali {
-        margin: 0 40px;
-      }
-    }
-
-    &.fgs-al-g-60 {
-      > .fgs-ali {
-        margin: 0 40px;
-      }
-    }
-
-    .fgs-ali:first-child {
-      margin-left: 0 !important;
-    }
-
-    .fgs-ali:last-child {
-      margin-right: 0 !important;
-    }
+  &.fgs-al-g-10 {
+    gap: 10px;
+  }
+
+  &.fgs-al-g-16 {
+    gap: 16px;
+  }
   
+  &.fgs-al-g-20 {
+    gap: 20px;
+  }
+
+  &.fgs-al-g-30 {
+    gap: 30px;
+  }
+
+  &.fgs-al-g-40 {
+    gap: 40px;
+  }
+
+  &.fgs-al-g-60 {
+    gap: 60px;
+  }
+
+  /* FigStrap FlexBox Helpers */
+  &.fgs-al-justify-content-flex-start {
+    justify-content: flex-start;
+  }
+
+  &.fgs-al-justify-content-flex-end {
+    justify-content: flex-end;
+  }
+
+  &.fgs-al-justify-content-center {
+    justify-content: center;
+  }
+  
+  &.fgs-al-justify-content-space-between {
+    justify-content: space-between;
+  }
+  
+  &.fgs-al-justify-content-space-around {
+    justify-content: space-around;
+  }
+
+  &.fgs-al-justify-content-space-evenly {
+    justify-content: space-evenly
+  }
+
+  &.fgs-al-align-items-flex-start {
+    align-items: flex-start;
+  }
+
+  &.fgs-al-align-items-flex-end {
+    align-items: flex-end;
+  }
+
+  &.fgs-al-align-items-center {
+    align-items: center;
+  }
+
+  &.fgs-al-align-items-stretch {
+    align-items: stretch;
+  }
+
+  &.fgs-al-align-items-baseline {
+    align-items: baseline;
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: figstrap_rails
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Casey Li
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-06-23 00:00:00.000000000 Z
+date: 2022-06-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails