update exsample

9lon · Sep 12, 2016 · b7d68f8 · b7d68f8
1 parent 5429764
commit b7d68f8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -60,19 +60,23 @@ import ไฟล์ gl-color ในหน้าที่่ต้องการ
 ```
     <p class="gl-bg-primary">gl-bg-primary</p>
 ```
-## Btn style
-![alt text](http://i.imgur.com/SIU2EMM.png "gl-color")
+## Btn style and icon size
+![alt text](http://i.imgur.com/CKClG9G.png "gl-color")
 ```
         .gl-btn-primary
         .gl-btn-success
         .gl-btn-info
         .gl-btn-warning 
         .gl-btn-danger 
 
+        .gl-icon-size
+
 ```
 ## วิธีการใช้งาน  Btn style กับ  paper-button
 ```
-       <paper-button raised class="gl-btn-primary">primary</paper-button>
+       <paper-button raised class="gl-btn-warning">
+                <iron-icon icon="favorite" class="gl-icon-size"></iron-icon>warning
+       </paper-button>
 ```
 
 ## วิธีการใช้งาน gl-size

diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
     "name": "gl-styles",
     "description": "gl-style for web components",
-    "version": "0.0.7",
+    "version": "0.0.8",
     "main": "gl-color.html",
     "dependencies": {
         "polymer": "Polymer/polymer#^1.4.0"

diff --git a/demo/index.html b/demo/index.html
@@ -77,18 +77,18 @@ <h3>Basic gl-color Demo</h3>
             <p class="gl-bg-warning">gl-bg-warning</p>
             <p class="gl-bg-danger">gl-bg-danger</p>
 
-            <br>Button : Btn style<br><br><br>
+            <br>Button : Btn style and Icon size.<br><br><br>
 
             <paper-button raised class="gl-btn-primary">
-                <iron-icon icon="favorite"></iron-icon>primary</paper-button><br><br>
+                <iron-icon icon="favorite" class="gl-icon-size"></iron-icon>primary</paper-button><br><br>
             <paper-button raised class="gl-btn-success">
-                <iron-icon icon="favorite"></iron-icon>success</paper-button><br><br>
+                <iron-icon icon="favorite" class="gl-icon-size"></iron-icon>success</paper-button><br><br>
             <paper-button raised class="gl-btn-info">
-                <iron-icon icon="favorite"></iron-icon>info</paper-button><br><br>
+                <iron-icon icon="favorite" class="gl-icon-size"></iron-icon>info</paper-button><br><br>
             <paper-button raised class="gl-btn-warning">
-                <iron-icon icon="favorite"></iron-icon>warning</paper-button><br><br>
+                <iron-icon icon="favorite" class="gl-icon-size"></iron-icon>warning</paper-button><br><br>
             <paper-button raised class="gl-btn-danger">
-                <iron-icon icon="favorite"></iron-icon>danger</paper-button>
+                <iron-icon icon="favorite" class="gl-icon-size"></iron-icon>danger</paper-button>
         </demo-snippet>
     </div>