diff --git a/dist/theme-classic.css b/dist/theme-classic.css
index cf15a6f..e07ed1d 100644
--- a/dist/theme-classic.css
+++ b/dist/theme-classic.css
@@ -8,6 +8,10 @@
* =====================================================
*/
+.bar-header-secondary ~ .content {
+ padding-top: 108px;
+}
+
[class*="bar-"] {
background-color: rgba(30, 176, 233, 0.98);
}
@@ -15,6 +19,15 @@
background-color: rgba(245, 245, 245, 0.98);
}
+.bar-title {
+ top: 20px;
+ box-shadow: 0 -20px 0 rgba(30, 176, 233, 0.98), 0 0 1px rgba(0, 0, 0, 0.85);
+}
+
+[class*="bar-"].bar-header-secondary {
+ top: 64px;
+}
+
.title {
color: #fff;
}
diff --git a/examples/app-classic/checkout.html b/examples/app-classic/checkout.html
index d56764a..d5e26be 100644
--- a/examples/app-classic/checkout.html
+++ b/examples/app-classic/checkout.html
@@ -5,7 +5,7 @@
Movie finder
-
+
diff --git a/examples/app-classic/choose-movie.html b/examples/app-classic/choose-movie.html
index 4a275f2..16bd3b2 100644
--- a/examples/app-classic/choose-movie.html
+++ b/examples/app-classic/choose-movie.html
@@ -5,7 +5,7 @@
Movie finder
-
+
diff --git a/examples/app-classic/choose-theater.html b/examples/app-classic/choose-theater.html
index 4f04458..e135464 100644
--- a/examples/app-classic/choose-theater.html
+++ b/examples/app-classic/choose-theater.html
@@ -5,7 +5,7 @@
Movie finder
-
+
diff --git a/examples/app-classic/index.html b/examples/app-classic/index.html
index c3cb36a..5f726a2 100644
--- a/examples/app-classic/index.html
+++ b/examples/app-classic/index.html
@@ -5,7 +5,7 @@
Movie finder
-
+
diff --git a/examples/app-classic/settings.html b/examples/app-classic/settings.html
index 6893aed..975f291 100644
--- a/examples/app-classic/settings.html
+++ b/examples/app-classic/settings.html
@@ -5,7 +5,7 @@
Movie finder
-
+
diff --git a/examples/app-classic/theaters.html b/examples/app-classic/theaters.html
index 7b02d4c..b52ea3e 100644
--- a/examples/app-classic/theaters.html
+++ b/examples/app-classic/theaters.html
@@ -5,7 +5,7 @@
Movie finder
-
+
diff --git a/lib/sass/theme-classic.scss b/lib/sass/theme-classic.scss
index c373831..0e0347d 100644
--- a/lib/sass/theme-classic.scss
+++ b/lib/sass/theme-classic.scss
@@ -14,6 +14,13 @@ $default-color: rgba(0, 0, 0, .3);
$positive-color: #34ba15;
$negative-color: #e71e1e;
+// Global
+// --------------------------------------------------
+
+.bar-header-secondary ~ .content {
+ padding-top: 108px;
+}
+
// Bars
// --------------------------------------------------
@@ -25,6 +32,13 @@ $negative-color: #e71e1e;
background-color: rgba(245,245,245,.98);
}
}
+.bar-title {
+ top: 20px;
+ box-shadow: 0 -20px 0 rgba(30,176,233,.98), 0 0 1px rgba(0, 0, 0, 0.85)
+}
+[class*="bar-"].bar-header-secondary {
+ top: 64px;
+}
.title {
color: #fff;
}