diff --git a/app/assets/images/logo-black.png b/app/assets/images/logo-black.png new file mode 100644 index 0000000000..31ec1422f1 Binary files /dev/null and b/app/assets/images/logo-black.png differ diff --git a/app/assets/images/logo-black.svg b/app/assets/images/logo-black.svg new file mode 100644 index 0000000000..5f69f364c4 --- /dev/null +++ b/app/assets/images/logo-black.svg @@ -0,0 +1,82 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/app/assets/stylesheets/darkswarm/menu.css.sass b/app/assets/stylesheets/darkswarm/menu.css.sass index 3fd7a6d790..c726847ceb 100644 --- a/app/assets/stylesheets/darkswarm/menu.css.sass +++ b/app/assets/stylesheets/darkswarm/menu.css.sass @@ -47,7 +47,7 @@ nav opacity: 1 .nav-branded - color: $clr-brick-light-bright + color: $australia-orange span font-size: 13px .nav-primary @@ -63,6 +63,9 @@ nav // Mobile Menu +.tab-bar + background-color: white + .off-canvas-wrap.move-right .tab-bar .menu-icon @include box-shadow(inset 0 0 6px 2px rgba(0,0,0,0.5)) @@ -74,6 +77,12 @@ nav -webkit-box-shadow: 0 0px 0 1px #666, 0 7px 0 1px #666, 0 14px 0 1px #666 box-shadow: 0 0px 0 1px #666, 0 7px 0 1px #666, 0 14px 0 1px #666 +.tab-bar .menu-icon span::after + box-shadow: 0 0 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black + +.left-off-canvas-menu + background-color: white + .off-canvas-wrap.move-right ul.off-canvas-list font-size: 0.875rem @@ -81,7 +90,13 @@ nav @include headingFont font-size: 1rem a - color: rgba(255, 255, 255, 0.9) + color: rgba(0, 0, 0, 0.9) + li a + color: rgba(0, 0, 0, 0.9) + &:hover + background-color: transparent + color: $australia-orange + @include transition(all 0.3s ease-in-out) .off-canvas-wrap.move-right ul.off-canvas-list i font-size: 1.5rem diff --git a/app/views/shared/menu/_mobile_menu.html.haml b/app/views/shared/menu/_mobile_menu.html.haml index 662af2addd..8dc3bff8c7 100644 --- a/app/views/shared/menu/_mobile_menu.html.haml +++ b/app/views/shared/menu/_mobile_menu.html.haml @@ -12,7 +12,7 @@ %ul.off-canvas-list %li.ofn-logo %a{href: root_path} - %img{src: "/assets/logo-white.png", srcset: "/assets/logo-white.svg", width: "75", height: "26"} + %img{src: "/assets/logo-black.png", srcset: "/assets/logo-black.svg", width: "75", height: "26"} %li.li-menu %a{href: main_app.shops_path} %span.nav-primary