romo 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b9c55d4322da24e884d4cce58ba340dd43c1b351
-  data.tar.gz: ce87f221e2ef4a9798e305662427a0b4a7f34460
+  metadata.gz: 16d72f11af0d881ebd4e76ccf12a06e53473d9f4
+  data.tar.gz: 97e1dfa59a23f0827a8cf60624f7ad0f6a107a80
 SHA512:
-  metadata.gz: 5511534ab1c0bd81bfa4a707e2f0138d92e34d94d0b27338c51982fdbf95d2e1b5f33e2a79d99dfbf190677c7cc47dad8439608f974d7abbe84b111e540408f2
-  data.tar.gz: 32852b7567b42db8823c02826d38527a672e28b693f86a333a9585e9ff783619236a682fe79b3a0eb83148bb651508a69a4589912b33a45e5864a8987b221ae4
+  metadata.gz: 1e12d453756d7f6a7baef313f5dcd07ac8ff6923518f7851ba4254feb6f8285760537aed1ccf44f4896424832491b6d7f6763c2742e6894b17a4e2ae52e2fc3b
+  data.tar.gz: 5a65efd854311ec7898109aa1e2504efcb514ec2562e6bdb65340c5586bd1c276c11b5b52c6081c8178d6a524f119f36417f3d575a302309455ee6532f6cb29b

data/assets/css/romo/_mixins.scss

@@ -120,6 +120,13 @@
 @mixin text2($i:"") { @include font-size2($i); @include line-height2($i); }
 @mixin text3($i:"") { @include font-size3($i); @include line-height3($i); }
 
+/* text decoration */
+
+@mixin text-decoration-underline($i:"")    { text-decoration: underline #{$i};    }
+@mixin text-decoration-overline($i:"")     { text-decoration: overline #{$i};     }
+@mixin text-decoration-line-through($i:"") { text-decoration: line-through #{$i}; }
+@mixin text-decoration-none($i:"")         { text-decoration: none #{$i};         }
+
 /* text alignment */
 
 @mixin align-left($i:"")   { text-align: left #{$i}; }

data/assets/css/romo/base.scss

@@ -159,6 +159,20 @@ h3 { @include text1; }
 .romo-text-800     { @include font-weight(800,     !important); }
 .romo-text-900     { @include font-weight(900,     !important); }
 
+/* text decoration */
+
+.romo-text-underline     { @include text-decoration-underline(!important); }
+.romo-text-overline      { @include text-decoration-overline(!important); }
+.romo-text-line-through,
+.romo-text-strikethrough { @include text-decoration-line-through(!important); }
+.romo-text-no-line       { @include text-decoration-none(!important); }
+
+.romo-text-underline-hover:hover     { @include text-decoration-underline(!important); }
+.romo-text-overline-hover:hover      { @include text-decoration-overline(!important); }
+.romo-text-line-through-hover:hover,
+.romo-text-strikethrough-hover:hover { @include text-decoration-line-through(!important); }
+.romo-text-no-line-hover:hover       { @include text-decoration-none(!important); }
+
 /* alignment */
 
 .romo-align-left   { @include align-left(!important); }
@@ -355,64 +369,78 @@ h3 { @include text1; }
 .romo-pad1   { @include pad1(!important); }
 .romo-pad0   { @include pad0(!important); }
 .romo-pad2   { @include pad2(!important); }
+.romo-pad-none,
 .romo-rm-pad { @include rm-pad(!important); }
 
 .romo-pad-top,
 .romo-pad1-top   { @include pad1-top(!important); }
 .romo-pad0-top   { @include pad0-top(!important); }
 .romo-pad2-top   { @include pad2-top(!important); }
+.romo-pad-none-top,
 .romo-rm-pad-top { @include rm-pad-top(!important); }
 
 .romo-pad-right,
 .romo-pad1-right   { @include pad1-right(!important); }
 .romo-pad0-right   { @include pad0-right(!important); }
 .romo-pad2-right   { @include pad2-right(!important); }
+.romo-pad-none-right,
 .romo-rm-pad-right { @include rm-pad-right(!important); }
 
 .romo-pad-bottom,
 .romo-pad1-bottom   { @include pad1-bottom(!important); }
 .romo-pad0-bottom   { @include pad0-bottom(!important); }
 .romo-pad2-bottom   { @include pad2-bottom(!important); }
+.romo-pad-none-bottom,
 .romo-rm-pad-bottom { @include rm-pad-bottom(!important); }
 
 .romo-pad-left,
 .romo-pad1-left   { @include pad1-left(!important); }
 .romo-pad0-left   { @include pad0-left(!important); }
 .romo-pad2-left   { @include pad2-left(!important); }
+.romo-pad-none-left,
 .romo-rm-pad-left { @include rm-pad-left(!important); }
 
 .romo-push,
 .romo-push1   { @include push1(!important); }
 .romo-push0   { @include push0(!important); }
 .romo-push2   { @include push2(!important); }
+.romo-push-none,
 .romo-rm-push { @include rm-push(!important); }
 
 .romo-push-top,
 .romo-push1-top   { @include push1-top(!important); }
 .romo-push0-top   { @include push0-top(!important); }
 .romo-push2-top   { @include push2-top(!important); }
+.romo-push-none-top,
 .romo-rm-push-top { @include rm-push-top(!important); }
 
 .romo-push-right,
 .romo-push1-right   { @include push1-right(!important); }
 .romo-push0-right   { @include push0-right(!important); }
 .romo-push2-right   { @include push2-right(!important); }
+.romo-push-none-right,
 .romo-rm-push-right { @include rm-push-right(!important); }
 
 .romo-push-bottom,
 .romo-push1-bottom   { @include push1-bottom(!important); }
 .romo-push0-bottom   { @include push0-bottom(!important); }
 .romo-push2-bottom   { @include push2-bottom(!important); }
+.romo-push-none-bottom,
 .romo-rm-push-bottom { @include rm-push-bottom(!important); }
 
 .romo-push-left,
 .romo-push1-left   { @include push1-left(!important); }
 .romo-push0-left   { @include push0-left(!important); }
 .romo-push2-left   { @include push2-left(!important); }
+.romo-push-none-left,
 .romo-rm-push-left { @include rm-push-left(!important); }
 
+.romo-push-center { margin: 0 auto !important; }
+
 /* other helpers */
 
+.romo-full-width  { width: 100%; }
+.romo-full-height { width: 100%; }
 .romo-match-line-height { line-height: 1 !important; }
 
 .romo-nowrap        { white-space: nowrap !important; }
@@ -424,6 +452,7 @@ h3 { @include text1; }
 .romo-inline-flex  { @include display-inline-flex(!important); }
 .romo-flex         { @include display-flex(!important); }
 .romo-block        { display: block !important; }
+.romo-display-none { display: none !important;}
 
 .romo-relative { position: relative !important; }
 .romo-absolute { position: absolute !important; }

data/assets/css/romo/table.scss

@@ -1,7 +1,8 @@
 @import 'css/romo/vars';
 @import 'css/romo/mixins';
 
-.romo-table { width: 100%; }
+.romo-table       { width: 100%; }
+.romo-table-fixed { table-layout: fixed; }
 
 .romo-table th,
 .romo-table td {

data/assets/js/romo/base.js

@@ -29,46 +29,52 @@
     return $(elems);
   }
 
-  Romo.prototype.initHtml = function(elem, data) {
-    var htmlElems = $(data)
-    elem.html(htmlElems);
-    this.triggerInitUI(htmlElems);
-    return htmlElems;
-  }
-
-  Romo.prototype.initReplace = function(elem, data) {
-    var replacementElem = $(data);
-    elem.replaceWith(replacementElem);
-    this.triggerInitUI(replacementElem);
-    return replacementElem;
-  }
-
-  Romo.prototype.initPrepend = function(elem, data) {
-    var prependedElem = $(data);
-    elem.prepend(prependedElem);
-    this.triggerInitUI(prependedElem);
-    return prependedElem;
-  }
-
-  Romo.prototype.initAppend = function(elem, data) {
-    var appendedElem = $(data);
-    elem.append(appendedElem);
-    this.triggerInitUI(appendedElem);
-    return appendedElem;
-  }
-
-  Romo.prototype.initBefore = function(elem, data) {
-    var insertedElem = $(data);
-    elem.before(insertedElem);
-    this.triggerInitUI(insertedElem);
-    return insertedElem;
-  }
-
-  Romo.prototype.initAfter = function(elem, data) {
-    var insertedElem = $(data);
-    elem.after(insertedElem);
-    this.triggerInitUI(insertedElem);
-    return insertedElem;
+  Romo.prototype.initHtml = function(elems, data) {
+    elems.each($.proxy(function(index, elem) {
+      var htmlElems = $(data)
+      $(elem).html(htmlElems);
+      this.triggerInitUI(htmlElems);
+    }, this));
+  }
+
+  Romo.prototype.initReplace = function(elems, data) {
+    elems.each($.proxy(function(index, elem) {
+      var replacementElem = $(data);
+      $(elem).replaceWith(replacementElem);
+      this.triggerInitUI(replacementElem);
+    }, this));
+  }
+
+  Romo.prototype.initPrepend = function(elems, data) {
+    elems.each($.proxy(function(index, elem) {
+      var prependedElem = $(data);
+      $(elem).prepend(prependedElem);
+      this.triggerInitUI(prependedElem);
+    }, this));
+  }
+
+  Romo.prototype.initAppend = function(elems, data) {
+    elems.each($.proxy(function(index, elem) {
+      var appendedElem = $(data);
+      $(elem).append(appendedElem);
+      this.triggerInitUI(appendedElem);
+    }, this));
+  }
+
+  Romo.prototype.initBefore = function(elems, data) {
+    elems.each($.proxy(function(index, elem) {
+      var insertedElem = $(data);
+      $(elem).before(insertedElem);
+      this.triggerInitUI(insertedElem);
+    }, this));
+  }
+
+  Romo.prototype.initAfter = function(elems, data) {
+    elems.each($.proxy(function(index, elem) {
+      var insertedElem = $(data);
+      $(elem).after(insertedElem);
+      this.triggerInitUI(insertedElem);
+    }, this));
   }
 
   // page handling

data/assets/js/romo/datepicker.js

@@ -150,7 +150,7 @@ RomoDatepicker.prototype.doRefreshUI = function(date) {
   this._refreshCalendar(rDate);
   this.elem.trigger('datepicker:refresh', [rDate, this]);
 
-  this.calTable.find(this.itemSelector).on('hover', $.proxy(this.onItemHover, this));
+  this.calTable.find(this.itemSelector).on('mouseenter', $.proxy(this.onItemEnter, this));
   this.calTable.find(this.itemSelector).on('click', $.proxy(this.onItemClick, this));
 
   this.romoDropdown.popupElem.on('mousedown', $.proxy(this.onPopupMouseDown, this));
@@ -228,7 +228,7 @@ RomoDatepicker.prototype.onPopupClose = function(e) {
   this._highlightItem($());
 }
 
-RomoDatepicker.prototype.onItemHover = function(e) {
+RomoDatepicker.prototype.onItemEnter = function(e) {
   if (e !== undefined) {
     e.preventDefault();
     e.stopPropagation();

data/assets/js/romo/select_dropdown.js

@@ -80,7 +80,7 @@ RomoSelectDropdown.prototype.doBindDropdown = function() {
   this.romoDropdown.bodyElem.html('');
   this.romoDropdown.bodyElem.append(this.optionList);
 
-  this.romoDropdown.bodyElem.find(this.itemSelector).on('hover', $.proxy(this.onItemHover, this));
+  this.romoDropdown.bodyElem.find(this.itemSelector).on('mouseenter', $.proxy(this.onItemEnter, this));
   this.romoDropdown.bodyElem.find(this.itemSelector).on('click', $.proxy(this.onItemClick, this));
 
   this.romoDropdown.popupElem.on('mousedown', $.proxy(this.onPopupMouseDown, this));
@@ -113,7 +113,7 @@ RomoSelectDropdown.prototype.onPopupClose = function(e) {
   $('body').off('keydown', $.proxy(this.onPopupOpenBodyKeyDown, this));
 }
 
-RomoSelectDropdown.prototype.onItemHover = function(e) {
+RomoSelectDropdown.prototype.onItemEnter = function(e) {
   if (e !== undefined) {
     e.preventDefault();
     e.stopPropagation();

data/lib/romo/version.rb

@@ -1,3 +1,3 @@
 module Romo
-  VERSION = "0.3.0"
+  VERSION = "0.4.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: romo
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - Kelly Redding
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-02-11 00:00:00.000000000 Z
+date: 2015-04-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: assert