diff --git a/dist/framework-structure.css b/dist/framework-structure.css
index c4c739b548..4924076a52 100644
--- a/dist/framework-structure.css
+++ b/dist/framework-structure.css
@@ -13,3 +13,11 @@ body {
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+.button {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ cursor: pointer;
+ margin: 0; }
diff --git a/dist/framework-theme-default.css b/dist/framework-theme-default.css
index 9f44090c94..bdd8a171eb 100644
--- a/dist/framework-theme-default.css
+++ b/dist/framework-theme-default.css
@@ -1 +1,8 @@
@charset "UTF-8";
+.button {
+ color: #333333;
+ border-radius: 2px; }
+
+.button-default {
+ background-color: #fff;
+ border: 1px solid #dddddd; }
diff --git a/dist/framework-with-theme.css b/dist/framework-with-theme.css
new file mode 100644
index 0000000000..5305bbcf22
--- /dev/null
+++ b/dist/framework-with-theme.css
@@ -0,0 +1,31 @@
+@charset "UTF-8";
+html {
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%; }
+
+body {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ font: 14px/1.25 "Helvetica Neue", sans-serif; }
+
+a {
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+.button {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ cursor: pointer;
+ margin: 0; }
+
+.button {
+ color: #333333;
+ border-radius: 2px; }
+
+.button-default {
+ background-color: #fff;
+ border: 1px solid #dddddd; }
diff --git a/example/index.html b/example/index.html
index 86e0c8003f..65150d084f 100644
--- a/example/index.html
+++ b/example/index.html
@@ -1,7 +1,8 @@