diff --git a/Gruntfile.js b/Gruntfile.js
index 52d2887..85e7ec8 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -44,7 +44,8 @@ module.exports = function(grunt) {
},
dist: {
files: {
- '<%= meta.distPath %><%= pkg.name %>.css': '<%= meta.srcPath %>sass/ratchet.scss'
+ '<%= meta.distPath %><%= pkg.name %>.css': '<%= meta.srcPath %>sass/ratchet.scss',
+ '<%= meta.distPath %>theme-classic.css': '<%= meta.srcPath %>sass/theme-classic.scss'
}
}
},
diff --git a/dist/ratchet.js b/dist/ratchet.js
index 2c96530..f072003 100644
--- a/dist/ratchet.js
+++ b/dist/ratchet.js
@@ -705,4 +705,4 @@
toggle = false;
});
-}();
+}();
\ No newline at end of file
diff --git a/dist/theme-classic.css b/dist/theme-classic.css
new file mode 100644
index 0000000..fa72cc7
--- /dev/null
+++ b/dist/theme-classic.css
@@ -0,0 +1,112 @@
+/*
+* =====================================================
+* Ratchet v2.0.0
+* Copyright 2013 Connor Sears, Dave Gamache, and Jacob Thornton
+* Licensed under http://www.opensource.org/licenses/MIT
+*
+* Designed and built by @connors, @dhg, and @fat.
+* =====================================================
+*/
+
+[class*="bar-"] {
+ background-color: rgba(30, 176, 233, 0.98);
+}
+[class*="bar-"].bar-standard, [class*="bar-"].bar-footer-secondary {
+ background-color: rgba(238, 238, 238, 0.98);
+}
+
+.title {
+ color: #fff;
+}
+
+.tab-label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.tab-item.active .tab-label {
+ color: white;
+}
+
+[class*="button"] {
+ color: rgba(0, 0, 0, 0.3);
+ border-color: rgba(0, 0, 0, 0.3);
+}
+[class*="button"]:active, [class*="button"].active, [class*="button"].button-filled {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.button-primary {
+ color: #1eb0e9;
+ border-color: #1eb0e9;
+}
+.button-primary:active, .button-primary.active, .button-primary.button-filled {
+ background-color: #1eb0e9;
+}
+
+.button-positive {
+ color: #34ba15;
+ border-color: #34ba15;
+}
+.button-positive:active, .button-positive.active, .button-positive.button-filled {
+ background-color: #34ba15;
+}
+
+.button-negative {
+ color: #e71e1e;
+ border-color: #e71e1e;
+}
+.button-negative:active, .button-negative.active, .button-negative.button-filled {
+ background-color: #e71e1e;
+}
+
+.bar-title [class*="button"] {
+ color: #fff;
+}
+.bar-title .button:active,
+.bar-title .button.active,
+.bar-title .button-prev:active,
+.bar-title .button-prev.active,
+.bar-title .button-next:active,
+.bar-title .button-next.active,
+.bar-title .button-primary:active,
+.bar-title .button-primary.active {
+ color: #fff;
+}
+.bar-title .button-prev:before,
+.bar-title .button-prev:after,
+.bar-title .button-next:before,
+.bar-title .button-next:after {
+ background-color: #fff;
+}
+
+.segmented-controller {
+ border: -color #1eb0e9;
+}
+.segmented-controller li {
+ border-color: #1eb0e9;
+}
+.segmented-controller li > a {
+ color: #1eb0e9;
+}
+.segmented-controller li.active {
+ background-color: #1eb0e9;
+}
+
+.bar-title .segmented-controller {
+ border-color: #fff;
+}
+.bar-title .segmented-controller li {
+ border-color: #fff;
+}
+.bar-title .segmented-controller li > a {
+ color: #fff;
+}
+.bar-title .segmented-controller li.active {
+ background-color: rgba(255, 255, 255, 0.4);
+}
+
+input[type=search] {
+ color: #555;
+ background-color: rgba(0, 0, 0, 0.1);
+ border-radius: 17px;
+}
diff --git a/examples/app-classic/checkout.html b/examples/app-classic/checkout.html
index 28bed9d..0026acb 100644
--- a/examples/app-classic/checkout.html
+++ b/examples/app-classic/checkout.html
@@ -12,6 +12,7 @@
+
diff --git a/examples/app-classic/choose-movie.html b/examples/app-classic/choose-movie.html
index fe564d7..1f4fc7a 100644
--- a/examples/app-classic/choose-movie.html
+++ b/examples/app-classic/choose-movie.html
@@ -12,6 +12,7 @@
+
diff --git a/examples/app-classic/choose-theater.html b/examples/app-classic/choose-theater.html
index ace6bc2..0802ac4 100644
--- a/examples/app-classic/choose-theater.html
+++ b/examples/app-classic/choose-theater.html
@@ -12,6 +12,7 @@
+
diff --git a/examples/app-classic/index.html b/examples/app-classic/index.html
index 6e42e9e..0f2f51c 100644
--- a/examples/app-classic/index.html
+++ b/examples/app-classic/index.html
@@ -12,6 +12,7 @@
+
diff --git a/examples/app-classic/settings.html b/examples/app-classic/settings.html
index 43967f7..78aad0d 100644
--- a/examples/app-classic/settings.html
+++ b/examples/app-classic/settings.html
@@ -12,6 +12,7 @@
+
@@ -63,7 +64,7 @@
- Delete Account
+ Delete Account
diff --git a/examples/app-default/settings.html b/examples/app-default/settings.html
index 43967f7..e50404d 100644
--- a/examples/app-default/settings.html
+++ b/examples/app-default/settings.html
@@ -63,7 +63,7 @@
- Delete Account
+ Delete Account
diff --git a/examples/app-default/theaters.html b/examples/app-default/theaters.html
index cae82c4..fd23db8 100644
--- a/examples/app-default/theaters.html
+++ b/examples/app-default/theaters.html
@@ -12,6 +12,7 @@
+
diff --git a/examples/components/classic/index.html b/examples/components/classic/index.html
index b4052b7..1c36b23 100644
--- a/examples/components/classic/index.html
+++ b/examples/components/classic/index.html
@@ -6,8 +6,9 @@
-
-
+
+
+