romo 0.9.0 → 0.10.0

data/assets/css/romo/_mixins.scss

@@ -139,15 +139,23 @@
 
 /* color emphasis */
 
-@mixin bg-base($i:"")    { background-color: $baseBackground #{$i}; }
-@mixin bg-alt($i:"")     { background-color: $altBackground #{$i}; }
-@mixin bg-striped($i:"") { background-color: $stripedBackground #{$i}; }
-@mixin bg-hover($i:"")   { background-color: $backgroundHover #{$i}; }
+@mixin bg-striped($i:"") { background-color: $stripedBgColor #{$i}; }
+@mixin bg-hover($i:"")   { background-color: $bgColorHover #{$i}; }
 
-@mixin border-base($i:"") { border-color: $baseBorderColor #{$i}; }
-@mixin border-alt($i:"")  { border-color: $altBorderColor #{$i}; }
-@mixin text-border-base($i:"")   { color: $baseBorderColor #{$i}; }
-@mixin text-border-alt($i:"")    { color: $altBorderColor #{$i}; }
+@mixin text-border-base($i:"") { color: $baseBorderColor #{$i}; }
+@mixin text-border-alt($i:"")  { color: $altBorderColor #{$i}; }
+
+@mixin text-base($i:"")       { color: $baseText #{$i}; }
+@mixin text-base-hover($i:"") { color: $baseTextHover #{$i}; }
+@mixin bg-base($i:"")         { background-color: $baseBackground #{$i}; }
+@mixin bg-base-hover($i:"")   { background-color: $baseBackgroundHover #{$i}; }
+@mixin border-base($i:"")     {     border-color: $baseBorder #{$i}; }
+
+@mixin text-alt($i:"")       { color: $altText #{$i}; }
+@mixin text-alt-hover($i:"") { color: $altTextHover #{$i}; }
+@mixin bg-alt($i:"")         { background-color: $altBackground #{$i}; }
+@mixin bg-alt-hover($i:"")   { background-color: $altBackgroundHover #{$i}; }
+@mixin border-alt($i:"")     {     border-color: $altBorder #{$i}; }
 
 @mixin text-muted($i:"")       { color: $mutedText #{$i}; }
 @mixin text-muted-hover($i:"") { color: $mutedTextHover #{$i}; }
@@ -221,7 +229,7 @@
   line-height: $lineHeight0;
 
   background-color: $inputColor;
-  color: $inputBackground;
+  color: $inputBgColor;
 }
 
 @mixin select-option {
@@ -229,7 +237,7 @@
   line-height: $baseLineHeight;
   padding: 0 $spacingSize0;
 
-  background-color: $inputBackground;
+  background-color: $inputBgColor;
   color: $inputColor;
 }
 

data/assets/css/romo/_vars.scss

@@ -35,34 +35,35 @@ $notAllowedCursor: not-allowed;
 
 /* colors */
 
-$baseBackground:    #fff;
-$altBackground:     #ededed;
-$stripedBackground: #fafafa;
-$backgroundHover:   #f5f5f5;
-
 $baseColor:     #444;
+$altColor:      #444;
 $disabledColor: #999;
 
+$baseBgColor:    #fff;
+$altBgColor:     #ededed;
+$stripedBgColor: #fafafa;
+$bgColorHover:   #f5f5f5;
+
 $baseBorderColor:  #ccc;
 $altBorderColor:   #fff;
 
 $linkColor:      #08c;
 $linkColorHover: darken($linkColor, 15%);
 
-$inputBackground:         #fff;
-$inputAltBackground:      #eee;
-$inputColor:              #444;
-$inputDisabledColor:      #eee;
-$inputFocusColor:         rgba(82, 168, 236, 0.8);
-$inputHighlightBackround: #3c83c7;
+$inputBgColor:          #fff;
+$inputAltBgColor:       #eee;
+$inputColor:            #444;
+$inputDisabledColor:    #eee;
+$inputFocusColor:       rgba(82, 168, 236, 0.8);
+$inputHighlightBgColor: #3c83c7;
 
 $btnBorder:                     $baseBorderColor;
-$btnBackground:                 $baseBackground;
+$btnBackground:                 $baseBgColor;
 $btnBackgroundHighlight:        darken($btnBackground, 10%);
 $btnColor:                      $baseColor;
 $btnColorHover:                 #333;
 
-$btnAltBackground:              $altBackground;
+$btnAltBackground:              $altBgColor;
 $btnAltBackgroundHighlight:     darken($btnAltBackground, 10%);
 $btnAltColor:                   $btnColor;
 
@@ -90,6 +91,18 @@ $btnInverseBackground:          #444;
 $btnInverseBackgroundHighlight: #222;
 $btnInverseColor:               #fff;
 
+$baseText:               $baseColor;
+$baseTextHover:          $baseText;
+$baseBackground:         $baseBgColor;
+$baseBackgroundHover:    $baseBackground;
+$baseBorder:             $baseBorderColor;
+
+$altText:                $altColor;
+$altTextHover:           $altColor;
+$altBackground:          $altBgColor;
+$altBackgroundHover:     $altBackground;
+$altBorder:              $altBorderColor;
+
 $mutedText:              #999999;
 $mutedTextHover:         darken($mutedText, 10%);
 $mutedBackground:        #f9f9f9;
@@ -126,15 +139,15 @@ $inverseBackground:      #444444;
 $inverseBackgroundHover: darken($inverseBackground, 5%);
 $inverseBorder:          darken(adjust_hue($inverseBackground, -10), 3%);
 
-$tabBackground:       $altBackground;
-$tabBackgroundHover:  darken($altBackground, 5%);
-$tabBackgroundActive: #222;
-$tabColor:            $baseColor;
-$tabColorActive:      #fff;
-$tabColorDisabled:    $disabledColor;
+$tabBgColor:       $altBgColor;
+$tabBgColorHover:  darken($altBgColor, 5%);
+$tabBgColorActive: #222;
+$tabColor:         $baseColor;
+$tabColorActive:   #fff;
+$tabColorDisabled: $disabledColor;
 
-$tooltipBackground:   #222;
-$tooltipColor:        #eee;
+$tooltipBgColor:   #222;
+$tooltipColor:     #eee;
 
 /* borders */
 

data/assets/css/romo/base.scss

@@ -97,7 +97,7 @@ a.romo-text {
 .romo-img-circle  { @include border-radius(500px); }
 .romo-img-card {
   padding: 3px;
-  background-color: $baseBackground;
+  background-color: $baseBgColor;
   border: 1px solid;
   border: 1px solid rgba(0, 0, 0, 0.2);
   @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
@@ -224,6 +224,8 @@ h3 { @include text1; }
 
 .romo-text-border-base { @include text-border-base(!important); }
 .romo-text-border-alt  { @include text-border-alt(!important); }
+.romo-text-base        { @include text-base(!important); }
+.romo-text-alt         { @include text-alt(!important); }
 .romo-text-muted       { @include text-muted(!important); }
 .romo-text-warning     { @include text-warning(!important); }
 .romo-text-error       { @include text-error(!important); }
@@ -231,6 +233,12 @@ h3 { @include text1; }
 .romo-text-success     { @include text-success(!important); }
 .romo-text-inverse     { @include text-inverse(!important); }
 
+.romo-text-base-hover:hover, a.romo-text-base:hover, a.romo-text-base:focus {
+  @include text-base-hover(!important);
+}
+.romo-text-alt-hover:hover, a.romo-text-alt:hover, a.romo-text-alt:focus {
+  @include text-alt-hover(!important);
+}
 .romo-text-muted-hover:hover, a.romo-text-muted:hover, a.romo-text-muted:focus {
   @include text-muted-hover(!important);
 }
@@ -250,6 +258,8 @@ h3 { @include text1; }
   @include text-inverse-hover(!important);
 }
 
+.romo-bg-base    { @include bg-base(!important); }
+.romo-bg-alt     { @include bg-alt(!important); }
 .romo-bg-muted   { @include bg-muted(!important); }
 .romo-bg-warning { @include bg-warning(!important); }
 .romo-bg-error   { @include bg-error(!important); }
@@ -257,6 +267,12 @@ h3 { @include text1; }
 .romo-bg-success { @include bg-success(!important); }
 .romo-bg-inverse { @include bg-inverse(!important); }
 
+.romo-bg-base-hover:hover, a.romo-bg-base:hover, a.romo-bg-base:focus {
+  @include bg-base-hover(!important);
+}
+.romo-bg-alt-hover:hover, a.romo-bg-alt:hover, a.romo-bg-alt:focus {
+  @include bg-alt-hover(!important);
+}
 .romo-bg-muted-hover:hover, a.romo-bg-muted:hover, a.romo-bg-muted:focus {
   @include bg-muted-hover(!important);
 }
@@ -517,6 +533,9 @@ h3 { @include text1; }
 .romo-border2-bottom-left-radius-hover:hover   { @include border2-bottom-left-radius(!important); }
 .romo-rm-border-bottom-left-radius-hover:hover { @include rm-border-bottom-left-radius(!important); }
 
+.romo-border-radius-circle { @include border-radius(500px); }
+.romo-border-radius-circle-hover:hover { @include border-radius(500px); }
+
 /* spacing */
 
 .romo-pad,

data/assets/css/romo/datepicker.scss

@@ -20,7 +20,7 @@
   padding: $spacingSize0;
   @include user-select(none);
 
-  background-color: $inputBackground;
+  background-color: $inputBgColor;
   color: $inputColor;
 }
 
@@ -44,13 +44,13 @@
 }
 
 .romo-datepicker-calendar TD.romo-datepicker-day-weekend {
-  background: $inputAltBackground;
+  background: $inputAltBgColor;
 }
 
 .romo-datepicker-calendar .romo-datepicker-prev:hover,
 .romo-datepicker-calendar .romo-datepicker-next:hover,
 .romo-datepicker-calendar TD.romo-datepicker-day.romo-datepicker-highlight:not(.disabled) {
-  background: darken($inputAltBackground, 10%);
+  background: darken($inputAltBgColor, 10%);
 }
 
 .romo-datepicker-calendar TD.romo-datepicker-day.disabled {
@@ -68,6 +68,6 @@
 
 .romo-datepicker-calendar TD.romo-datepicker-day.selected,
 .romo-datepicker-calendar TD.romo-datepicker-day.selected.romo-datepicker-highlight {
-  background-color: $inputHighlightBackround;
-  color: $inputBackground;
+  background-color: $inputHighlightBgColor;
+  color: $inputBgColor;
 }

data/assets/css/romo/dropdown.scss

@@ -11,7 +11,7 @@
   float: left;
   @include border0;
 
-  background-color: $baseBackground;
+  background-color: $baseBgColor;
   border-color: $baseBorderColor;
   border-color: rgba(0, 0, 0, 0.2);
 }

data/assets/css/romo/forms.scss

@@ -62,7 +62,7 @@ label { display: block; }
 
 .romo-form select {
   font-weight: normal;
-  background-color: $inputBackground;
+  background-color: $inputBgColor;
   @include border1;
 }
 .romo-form select optgroup { @include select-optgroup; }
@@ -84,7 +84,7 @@ label { display: block; }
 .romo-form input[type="tel"],
 .romo-form input[type="color"] {
   font-weight: normal;
-  background-color: $inputBackground;
+  background-color: $inputBgColor;
   @include border1;
   @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
 }

data/assets/css/romo/grid_table.scss

@@ -31,6 +31,8 @@ ol.romo-grid-table { @include list-unstyled(!important); }
 .romo-grid-table-striped.romo-grid-table-header.romo-grid-table-striped-alt > .romo-row:nth-child(even) { @include bg-base; }
 .romo-grid-table-striped.romo-grid-table-striped-alt { @include bg-striped; }
 
+.romo-grid-table .romo-row.romo-base    { @include bg-base; }
+.romo-grid-table .romo-row.romo-alt     { @include bg-alt; }
 .romo-grid-table .romo-row.romo-muted   { @include bg-muted; }
 .romo-grid-table .romo-row.romo-warning { @include bg-warning; }
 .romo-grid-table .romo-row.romo-error   { @include bg-error; }
@@ -43,6 +45,10 @@ ol.romo-grid-table { @include list-unstyled(!important); }
 .romo-grid-table-hover.romo-grid-table-header > .romo-row:not(:first-child):hover,
 .romo-grid-table-hover.romo-grid-table-header.romo-grid-table-alt > .romo-row:not(:first-child):hover { @include bg-hover; }
 
+.romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-base:hover,
+.romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-base:not(:first-child):hover { @include bg-base-hover; }
+.romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-alt:hover,
+.romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-alt:not(:first-child):hover { @include bg-alt-hover; }
 .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-muted:hover,
 .romo-grid-table-hover.romo-grid-table-header > .romo-row.romo-muted:not(:first-child):hover { @include bg-muted-hover; }
 .romo-grid-table-hover:not(.romo-grid-table-header) > .romo-row.romo-warning:hover,

data/assets/css/romo/modal.scss

@@ -22,7 +22,7 @@
   @include border0;
   @include box-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
 
-  background-color: $baseBackground;
+  background-color: $baseBgColor;
   border-color: $baseBorderColor;
   border-color: rgba(0, 0, 0, 0.2);
 }

data/assets/css/romo/select.scss

@@ -49,7 +49,7 @@
   padding: 4px 0;
   @include user-select(none);
 
-  background-color: $inputBackground;
+  background-color: $inputBgColor;
   color: $inputColor;
 }
 
@@ -74,8 +74,8 @@
 }
 
 .romo-select-option-list LI.romo-select-highlight {
-  background-color: $inputHighlightBackround;
-  color: $inputBackground;
+  background-color: $inputHighlightBgColor;
+  color: $inputBgColor;
 }
 
 .romo-select-option-list LI.disabled {
@@ -84,6 +84,6 @@
 
 .romo-select-option-list LI.disabled,
 .romo-select-option-list LI.disabled.romo-select-highlight {
-  background-color: $inputBackground;
+  background-color: $inputBgColor;
   color: $disabledColor;
 }

data/assets/css/romo/table.scss

@@ -21,6 +21,8 @@
 .romo-table-striped.romo-table-striped-alt tbody > tr:nth-child(odd) { @include bg-base; }
 .romo-table-striped.romo-table-striped-alt { @include bg-striped; }
 
+.romo-table tr.romo-base    { @include bg-base; }
+.romo-table tr.romo-alt     { @include bg-alt; }
 .romo-table tr.romo-muted   { @include bg-muted; }
 .romo-table tr.romo-warning { @include bg-warning; }
 .romo-table tr.romo-error   { @include bg-error; }
@@ -31,6 +33,8 @@
 .romo-table-hover tbody tr:hover,
 .romo-table-hover.romo-table-alt tbody tr:hover { @include bg-hover; }
 
+.romo-table-hover tbody tr.romo-base:hover    { @include bg-base-hover; }
+.romo-table-hover tbody tr.romo-alt:hover     { @include bg-alt-hover; }
 .romo-table-hover tbody tr.romo-muted:hover   { @include bg-muted-hover; }
 .romo-table-hover tbody tr.romo-warning:hover { @include bg-warning-hover; }
 .romo-table-hover tbody tr.romo-error:hover   { @include bg-error-hover; }
@@ -56,21 +60,23 @@
 .romo-table-border2     th, .romo-table-border2     td { @include border2-bottom; @include border2-right; }
 .romo-table-border-none th, .romo-table-border-none td { @include border-style(none); }
 
+.romo-table-border-base    { @include border-base; }
+.romo-table-border-alt     { @include border-alt; }
 .romo-table-border-muted   { @include border-muted; }
 .romo-table-border-warning { @include border-warning; }
 .romo-table-border-error   { @include border-error; }
 .romo-table-border-info    { @include border-info; }
 .romo-table-border-success { @include border-success; }
 .romo-table-border-inverse { @include border-inverse; }
-.romo-table-border-alt     { @include border-alt; }
 
+.romo-table-border-base    th, .romo-table-border-base    td { @include border-base; }
+.romo-table-border-alt     th, .romo-table-border-alt     td { @include border-alt; }
 .romo-table-border-muted   th, .romo-table-border-muted   td { @include border-muted; }
 .romo-table-border-warning th, .romo-table-border-warning td { @include border-warning; }
 .romo-table-border-error   th, .romo-table-border-error   td { @include border-error; }
 .romo-table-border-info    th, .romo-table-border-info    td { @include border-info; }
 .romo-table-border-success th, .romo-table-border-success td { @include border-success; }
 .romo-table-border-inverse th, .romo-table-border-inverse td { @include border-inverse; }
-.romo-table-border-alt     th, .romo-table-border-alt     td { @include border-alt; }
 
 .romo-table-pad    th, .romo-table-pad    td,
 .romo-table-pad1   th, .romo-table-pad1   td { @include pad1; }

data/assets/css/romo/tabs.scss

@@ -8,7 +8,7 @@
   @include list-unstyled;
   @include clearfix;
 
-  border-bottom: $tabDividerSize solid $tabBackgroundActive;
+  border-bottom: $tabDividerSize solid $tabBgColorActive;
 }
 
 .romo-tabs > li {
@@ -25,22 +25,22 @@
   cursor: pointer;
 
   @include border1;
-  background-color: $tabBackground;
-  border-color: $tabBackground;
+  background-color: $tabBgColor;
+  border-color: $tabBgColor;
   color: $tabColor;
 
   &:hover,
   &:focus {
     outline: 0;
     text-decoration: none;
-    background-color: $tabBackgroundHover;
-    border-color: $tabBackgroundHover;
+    background-color: $tabBgColorHover;
+    border-color: $tabBgColorHover;
   }
 }
 
 .romo-tabs > li.active > a {
-  background-color: $tabBackgroundActive;
-  border-color: $tabBackgroundActive;
+  background-color: $tabBgColorActive;
+  border-color: $tabBgColorActive;
   color: $tabColorActive;
 }
 
@@ -51,8 +51,8 @@
 
   &:hover,
   &:focus {
-    background-color: $tabBackground;
-    border-color: $tabBackgroundHover;
+    background-color: $tabBgColor;
+    border-color: $tabBgColorHover;
   }
 }
 
@@ -67,5 +67,5 @@
 .romo-tabs.romo-tabs-stacked { @include rm-border; }
 .romo-tabs.romo-tabs-stacked > li { float: none; }
 .romo-tabs.romo-tabs-stacked > li > a { @include border1; border-color: $baseBorderColor; }
-.romo-tabs.romo-tabs-stacked > li.active > a { border-color: $tabBackgroundActive; }
+.romo-tabs.romo-tabs-stacked > li.active > a { border-color: $tabBgColorActive; }
 .romo-tabs.romo-tabs-stacked > li:not(:last-child) > a { @include rm-border-bottom; }

data/assets/css/romo/tooltip.scss

@@ -71,19 +71,19 @@
 /* theme */
 
 .romo-tooltip-popup {
-  background-color: $tooltipBackground;
+  background-color: $tooltipBgColor;
   color: $tooltipColor;
 }
 
 .romo-tooltip-popup[data-romo-tooltip-position="top"] .romo-tooltip-arrow {
-  border-top-color: $tooltipBackground;
+  border-top-color: $tooltipBgColor;
 }
 .romo-tooltip-popup[data-romo-tooltip-position="right"] .romo-tooltip-arrow {
-  border-right-color: $tooltipBackground;
+  border-right-color: $tooltipBgColor;
 }
 .romo-tooltip-popup[data-romo-tooltip-position="bottom"] .romo-tooltip-arrow {
-  border-bottom-color: $tooltipBackground;
+  border-bottom-color: $tooltipBgColor;
 }
 .romo-tooltip-popup[data-romo-tooltip-position="left"] .romo-tooltip-arrow {
-  border-left-color: $tooltipBackground;
+  border-left-color: $tooltipBgColor;
 }

data/lib/romo/version.rb

@@ -1,3 +1,3 @@
 module Romo
-  VERSION = "0.9.0"
+  VERSION = "0.10.0"
 end

metadata

@@ -1,39 +1,50 @@
---- !ruby/object:Gem::Specification
+--- !ruby/object:Gem::Specification 
 name: romo
-version: !ruby/object:Gem::Version
-  version: 0.9.0
+version: !ruby/object:Gem::Version 
+  hash: 55
+  prerelease: 
+  segments: 
+  - 0
+  - 10
+  - 0
+  version: 0.10.0
 platform: ruby
-authors:
+authors: 
 - Kelly Redding
 - Collin Redding
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-07-06 00:00:00.000000000 Z
-dependencies:
-- !ruby/object:Gem::Dependency
-  name: assert
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.12'
+
+date: 2015-09-18 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        hash: 27
+        segments: 
+        - 2
+        - 12
+        version: "2.12"
   type: :development
+  name: assert
+  version_requirements: *id001
   prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.12'
 description: A UI Toolkit
-email:
+email: 
 - kelly@kellyredding.com
 - collin.redding@me.com
 executables: []
+
 extensions: []
+
 extra_rdoc_files: []
-files:
-- ".gitignore"
+
+files: 
+- .gitignore
 - Gemfile
 - LICENSE.txt
 - README.md
@@ -85,30 +96,39 @@ files:
 - test/unit/romo_tests.rb
 - tmp/.gitkeep
 homepage: http://github.com/redding/romo
-licenses:
+licenses: 
 - MIT
-metadata: {}
 post_install_message: 
 rdoc_options: []
-require_paths:
+
+require_paths: 
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement
-  requirements:
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
   - - ">="
-    - !ruby/object:Gem::Version
-      version: '0'
-required_rubygems_version: !ruby/object:Gem::Requirement
-  requirements:
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
   - - ">="
-    - !ruby/object:Gem::Version
-      version: '0'
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
 requirements: []
+
 rubyforge_project: 
-rubygems_version: 2.4.5
+rubygems_version: 1.8.29
 signing_key: 
-specification_version: 4
+specification_version: 3
 summary: A UI Toolkit
-test_files:
+test_files: 
 - test/helper.rb
 - test/support/.gitkeep
 - test/system/.gitkeep

checksums.yaml

@@ -1,7 +0,0 @@
----
-SHA1:
-  metadata.gz: 3ef654b46bb779368cdcececf57e0b1a5c1216de
-  data.tar.gz: 2e89bacbd83f1f91ccd8003df65d5c0e695db743
-SHA512:
-  metadata.gz: b10abe6fb0a90f309f3e21ad61c337c9fdb83bd7bf577108f076840131013b2889176057794a3550a2175776534f21c9aff934cb5c61a9c4cd4efd4fb94d5190
-  data.tar.gz: 3d6b7404d4480dd978ef004cb692fdf7b2c317f169833ff9ed262dd0b1a8077d9a4adb6d6ddd3c728b96e3adc5acd73f8e2c87da156855e92b6dab1ebc2e9296