Permalink
Browse files

doc: bottombar sample added to 'layout'

  • Loading branch information...
MikeMitterer committed Mar 5, 2015
1 parent dda9bca commit c559ab76222650002bebdcd4ceb264ea11589237
View
@@ -18,35 +18,9 @@
<excludeFolder url="file://$MODULE_DIR$/example/card/packages/wsk_material" />
<excludeFolder url="file://$MODULE_DIR$/example/card/web/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/bin/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/bin/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/deps/debug/intl/lib/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/deps/debug/intl/lib/src/data/dates/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/deps/debug/intl/lib/src/data/dates/patterns/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/deps/debug/intl/lib/src/data/dates/symbols/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/deps/debug/intl/lib/src/data/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/deps/debug/intl/lib/src/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/deps/debug/intl/lib/src/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/deps/debug/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/deps/debug/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/deps/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/checkbox/.pub/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/checkbox/packages/wsk_material" />
<excludeFolder url="file://$MODULE_DIR$/example/checkbox/web/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/bin/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/bin/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/deps/debug/intl/lib/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/deps/debug/intl/lib/src/data/dates/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/deps/debug/intl/lib/src/data/dates/patterns/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/deps/debug/intl/lib/src/data/dates/symbols/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/deps/debug/intl/lib/src/data/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/deps/debug/intl/lib/src/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/deps/debug/intl/lib/src/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/deps/debug/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/deps/debug/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/deps/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/column-layout/.pub/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/column-layout/packages/wsk_material" />
<excludeFolder url="file://$MODULE_DIR$/example/column-layout/web/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/dropdown-menu/.pub" />
@@ -57,19 +31,6 @@
<excludeFolder url="file://$MODULE_DIR$/example/footer/web/images/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/footer/web/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/bin/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/bin/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/deps/debug/intl/lib/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/deps/debug/intl/lib/src/data/dates/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/deps/debug/intl/lib/src/data/dates/patterns/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/deps/debug/intl/lib/src/data/dates/symbols/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/deps/debug/intl/lib/src/data/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/deps/debug/intl/lib/src/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/deps/debug/intl/lib/src/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/deps/debug/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/deps/debug/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/deps/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/.pub/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/packages/wsk_material" />
<excludeFolder url="file://$MODULE_DIR$/example/icon-toggle/web/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/item/.pub" />
@@ -88,19 +49,6 @@
<excludeFolder url="file://$MODULE_DIR$/example/layout-header-drawer/web/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/layout-header-drawer/web/styles/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/layout/.pub" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/bin/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/bin/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/deps/debug/intl/lib/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/deps/debug/intl/lib/src/data/dates/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/deps/debug/intl/lib/src/data/dates/patterns/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/deps/debug/intl/lib/src/data/dates/symbols/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/deps/debug/intl/lib/src/data/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/deps/debug/intl/lib/src/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/deps/debug/intl/lib/src/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/deps/debug/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/deps/debug/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/deps/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/layout/.pub/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/layout/packages/wsk_material" />
<excludeFolder url="file://$MODULE_DIR$/example/layout/web/images/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/layout/web/packages" />
@@ -116,19 +64,6 @@
<excludeFolder url="file://$MODULE_DIR$/example/radio/packages/wsk_material" />
<excludeFolder url="file://$MODULE_DIR$/example/radio/web/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/bin/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/bin/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/deps/debug/intl/lib/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/deps/debug/intl/lib/src/data/dates/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/deps/debug/intl/lib/src/data/dates/patterns/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/deps/debug/intl/lib/src/data/dates/symbols/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/deps/debug/intl/lib/src/data/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/deps/debug/intl/lib/src/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/deps/debug/intl/lib/src/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/deps/debug/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/deps/debug/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/deps/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/shadow/.pub/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/shadow/packages/wsk_material" />
<excludeFolder url="file://$MODULE_DIR$/example/shadow/web/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/slider/.pub" />
@@ -147,19 +82,6 @@
<excludeFolder url="file://$MODULE_DIR$/example/tabs/packages/wsk_material" />
<excludeFolder url="file://$MODULE_DIR$/example/tabs/web/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/bin/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/bin/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/deps/debug/intl/lib/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/deps/debug/intl/lib/src/data/dates/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/deps/debug/intl/lib/src/data/dates/patterns/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/deps/debug/intl/lib/src/data/dates/symbols/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/deps/debug/intl/lib/src/data/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/deps/debug/intl/lib/src/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/deps/debug/intl/lib/src/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/deps/debug/intl/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/deps/debug/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/deps/packages" />
- <excludeFolder url="file://$MODULE_DIR$/example/textfield/.pub/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/textfield/packages/wsk_material" />
<excludeFolder url="file://$MODULE_DIR$/example/textfield/web/packages" />
<excludeFolder url="file://$MODULE_DIR$/example/tooltip/.pub" />
@@ -20,7 +20,7 @@
<!-- Icon -->
<img class="wsk-layout-icon" src="images/app-icon.png"/>
<!-- Title -->
- <span class="wsk-layout-title">Sample layout - fixed header, fixed footer</span>
+ <span class="wsk-layout-title">Sample layout</span>
<!-- Add spacer, to align navigation to the right -->
<div class="wsk-layout-spacer"></div>
<!-- Navigation -->
@@ -42,51 +42,49 @@
</div>
<div class="wsk-layout__content" id="top">
<section>
- <header><h3>My header</h3></header>
- <p>First section</p>
- ll
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+ <header><h3>Fixed header, fixed footer + bottom-bar</h3></header>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
- sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+ sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
- sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+ sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
- sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+ sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
- sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+ sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
- sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+ sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
- sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+ sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+ <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
- sea takimata sanctus est Lorem ipsum dolor sit amet.
+ sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</section>
</div>
<footer class="wsk-bottom-bar">
@@ -2715,7 +2715,8 @@ dt {
padding: 16px;
color: #A0A0A0;
background-color: #454545;
- min-height: 36px;
+ height: 56px;
+ min-height: 56px;
box-sizing: border-box; }
.wsk-mini-footer-flex .wsk-mini-footer--left-section {
display: -webkit-box;
@@ -2830,7 +2831,8 @@ dt {
height: 56px;
min-height: 56px;
color: #eeeeee;
- background-color: #607d8b; }
+ background-color: #607d8b;
+ width: 100%; }
.wsk-bottom-bar .wsk-bottom-bar--left-section {
display: -webkit-box;
display: -webkit-flex;
@@ -2847,10 +2849,6 @@ dt {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
- .wsk-bottom-bar .wsk-bottom-bar--left-section .wsk-logo {
- line-height: 36px;
- margin-bottom: 0;
- margin-right: 16px; }
.wsk-bottom-bar .wsk-bottom-bar--right-section {
float: none;
display: -webkit-box;
@@ -2891,16 +2889,14 @@ dt {
width: 36px;
height: 36px;
border-radius: 100%;
- color: white;
+ color: #111111;
padding: 0;
- background-color: #A0A0A0;
+ background-color: #eeeeee;
border: none; }
@media screen and (min-width: 760px) {
.wsk-bottom-bar--link-list {
- clear: none; }
- .wsk-bottom-bar--link-list li {
- line-height: 36px; } }
+ clear: none; } }
html, body {
width: 100%;
@@ -13,7 +13,7 @@
@import "packages/wsk_material/sass/footer/mega_footer";
@import "packages/wsk_material/sass/footer/mini_footer";
@import "packages/wsk_material/sass/footer/mini_footer-flex";
-@import "packages/wsk_material/sass/bottombar/bottom_bar";
+@import "packages/wsk_material/sass/bottombar/bottombar";
html, body {
width : 100%;
Oops, something went wrong.

0 comments on commit c559ab7

Please sign in to comment.