..

README.md

@@ -1,5 +1,7 @@
 # RPGUI
-CSS & JavaScript lib to easily create old-school RPG style GUI for web games!
+Lightweight framework for old-school RPG GUI in web!
+
+[Live examples here](http://ronenness.github.io/RPGUI/)
 
 ## Table of Contents
 

dist/rpgui.css

@@ -28,7 +28,8 @@ inside your html file.
 
 /* center things */
 .rpgui-center {
-  text-align: center; }
+  text-align: center;
+  align-content: center; }
 
 /* rotate object 90 degrees */
 .rpgui-rotate-90 {
@@ -74,18 +75,20 @@ inside your html file.
   padding-right: 35px; }
 
 /* button hover */
+.rpgui-button.hover,
 .rpgui-button:hover {
   background-image: url("img/button-hover.png"); }
 
 /* button clicked */
+.rpgui-button.down,
 .rpgui-button:active {
   background-image: url("img/button-down.png"); }
 
 /* golden button stuff */
 .rpgui-button.golden p {
   display: inline-block; }
 
-/* button style */
+/* golden button style */
 .rpgui-button.golden {
   /* hide button default stuff */
   background-color: Transparent;
@@ -111,10 +114,12 @@ inside your html file.
   overflow: visible; }
 
 /* button hover */
+.rpgui-button.golden.hover,
 .rpgui-button.golden:hover {
   background-image: url("img/button-golden-hover.png"); }
 
 /* button clicked */
+.rpgui-button.golden.down,
 .rpgui-button.golden:active {
   background-image: url("img/button-golden-down.png"); }
 

src/styles/_button.scss

@@ -34,13 +34,15 @@
 }
 
 /* button hover */
+.rpgui-button.hover,
 .rpgui-button:hover {
 
 	background-image: url("img/button-hover.png");
 
 }
 
 /* button clicked */
+.rpgui-button.down,
 .rpgui-button:active {
 
 	background-image: url("img/button-down.png");
@@ -52,7 +54,7 @@
     display: inline-block
 }
 
-/* button style */
+/* golden button style */
 .rpgui-button.golden {
 
 	/* hide button default stuff */
@@ -83,12 +85,14 @@
 }
 
 /* button hover */
+.rpgui-button.golden.hover,
 .rpgui-button.golden:hover {
 
 	background-image: url("img/button-golden-hover.png");
 }
 
 /* button clicked */
+.rpgui-button.golden.down,
 .rpgui-button.golden:active {
 
 	background-image: url("img/button-golden-down.png");

src/styles/_misc.scss

@@ -25,6 +25,7 @@
 /* center things */
 .rpgui-center {
     text-align: center;
+    align-content: center;
 }
 
 /* rotate object 90 degrees */
@@ -42,3 +43,4 @@
     -webkit-transform-origin: 0% 50%; /* Chrome, Safari, Opera */
     transform-origin: 0% 50%;
 }
+