Added CSSmethods submodule

.gitmodules

@@ -7,3 +7,6 @@
 [submodule "example/components/quojs"]
 	path = example/components/quojs
 	url = https://github.com/soyjavi/package-quojs
+[submodule "src/stylesheets/CSSmethods"]
+	path = src/stylesheets/CSSmethods
+	url = https://github.com/soyjavi/CSSmethods

src/stylesheets/CSSmethods

@@ -0,0 +1 @@
+Subproject commit b2893a24b582b5e2c742c8455052bf9e97d8edcc

src/stylesheets/constants.styl

@@ -1,25 +1,22 @@
-/* DIMENSIONS */
-HEADER_FOOTER_HEIGHT = 44px
-HEADER_GROUPBAR_HEIGHT = 30px
+@import "CSSmethods/vendor.styl"
 
-ARTICLE_BOTTOM = (HEADER_FOOTER_HEIGHT - 1)
-ARTICLE_WITH_HEADER_EXTENDED = (HEADER_FOOTER_HEIGHT + HEADER_GROUPBAR_HEIGHT)
+/* CONSTANTS */
+HEADER_FOOTER_HEIGHT          = 44px
+HEADER_GROUPBAR_HEIGHT        = 30px
 
-ASIDE_WIDTH         = 264px
-ASIDE_WIDTH_SMALL   = 64px
-ASIDE_SMALL_ICON    = 48px
+ARTICLE_BOTTOM                = (HEADER_FOOTER_HEIGHT - 1)
+ARTICLE_WITH_HEADER_EXTENDED  = (HEADER_FOOTER_HEIGHT + HEADER_GROUPBAR_HEIGHT)
 
+ASIDE_WIDTH                    = 264px
+ASIDE_WIDTH_SMALL              = 64px
+ASIDE_SMALL_ICON               = 48px
 
-BORDER_RADIUS       = 2px
+BORDER_RADIUS                  = 2px
 
-DEFAULT_TRANSITION  = easeOutSine
+DEFAULT_TRANSITION             = easeOutSine
 
-FONT_SIZE_TINY      = 11px
-FONT_SIZE_SMALL     = 0.9em
-FONT_SIZE_BIG       = 1.2em
-
-TRANSITION_TIME     = 350ms
-
-/* @import url("https://raw.github.com/soyjavi/CSSmethods/master/stylus/vendor.styl") */
-@import "vendor.styl"
+FONT_SIZE_TINY                 = 11px
+FONT_SIZE_SMALL                = 0.9em
+FONT_SIZE_BIG                  = 1.2em
 
+TRANSITION_TIME                = 350ms

src/stylesheets/theme.lungo.styl

@@ -8,7 +8,7 @@
  */
 
 /* @import url("https://raw.github.com/soyjavi/CSSmethods/master/stylus/vendor.styl") */
-@import "vendor.styl"
+@import "CSSmethods/vendor.styl"
 @import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700")
 
 

src/stylesheets/vendor.styl

@@ -1,102 +0,0 @@
-vendor(prop, args)
-  -webkit-{prop} args
-  -moz-{prop} args
-  // -ms-{prop} args
-  // -o-{prop} args
-  {prop} args
-
-vendorValue(prop, args)
-  {prop} -webkit- + args
-  {prop} -moz- + args
-  // {prop} -ms- + args
-  // {prop} -o- + args
-  {prop} args
-
-border-radius()
-  vendor('border-radius', arguments)
-
-box-shadow()
-  vendor('box-shadow', arguments)
-
-text-shadow()
-  vendor('text-shadow', arguments)
-
-backface-visibility()
-  vendor('backface-visibility', arguments)
-
-/* ====================== FLEXBOX ====================== */
-display-box()
-  vendorValue('display', box)
-
-box-pack()
-  vendor('box-pack', arguments)
-
-box-align()
-  vendor('box-align', arguments)
-
-box-flex()
-  vendor('box-flex', arguments)
-
-box-orient()
-  vendor('box-orient', arguments)
-
-box-direction()
-  vendor('box-direction', arguments)
-
-ordinal-group()
-  vendor('box-ordinal-group', arguments)
-
-box-lines()
-  vendor('box-lines', arguments)
-
-/* ====================== BOXFLEX ====================== */
-display-flex()
-  vendorValue('display', flex)
-
-flex-flow()
-  vendor('flex-flow', arguments)
-
-justify-content()
-  vendor('justify-content', arguments)
-
-align-content()
-  vendor('align-content', arguments)
-
-align-items()
-  vendor('align-items', arguments)
-
-order()
-  vendor('order', arguments)
-
-flex()
-  vendor('flex', arguments)
-
-align-self()
-  vendor('align-self', arguments)
-
-/* ====================== TRANSITIONS ====================== */
-transition()
-  vendor('transition', arguments)
-
-transition-delay()
-  vendor('transition-delay', arguments)
-
-transition-property()
-  vendor('transition-property', arguments)
-
-transition-duration()
-  vendor('transition-duration', arguments)
-
-transition-timing-function()
-  vendor('transition-timing-function', arguments)
-
-transform()
-  vendor('transform', arguments)
-
-transform-origin()
-  vendor('transform-origin', arguments)
-
-
-/* ====================== ANIMATIONS ====================== */
-animation()
-  vendor('animation', arguments)