editing the tab bar
authorIan Weller <ian@gaslightmedia.com>
Wed, 28 Oct 2015 21:06:40 +0000 (17:06 -0400)
committerIan Weller <ian@gaslightmedia.com>
Wed, 28 Oct 2015 21:06:40 +0000 (17:06 -0400)
12 files changed:
parts/top-bar_about.php
parts/top-bar_art-gallery.php
parts/top-bar_bay-view.php
parts/top-bar_crooked-river.php
parts/top-bar_drawbridge.php
parts/top-bar_main.php
parts/top-bar_perry.php
parts/top-bar_pier.php
parts/top-bar_pointer-boat.php
parts/top-bar_vacation.php
parts/top-bar_weathervane.php
scss/_left-off-canvas.scss

index 2af056b..719bf39 100644 (file)
@@ -4,10 +4,10 @@
         <a class="top-logo" href="<?php echo get_page_link($aboutPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-logo.png"></a>
     <?php endif;?>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php feature_top_bar(); ?>
                 </section>
@@ -53,7 +53,7 @@
     <section class="middle tab-bar-section">
         <?php $aboutPage = get_page_by_title('About');?>
         <?php if($aboutPage):?>
-            <a class="top-logo" href="<?php echo get_page_link($aboutPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-logo.png"></a>
+            <a href="<?php echo get_page_link($aboutPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-logo.png"></a>
         <?php endif;?>
         <span>Book Now</span>
     </section>
index 5c04b2c..4fda69d 100644 (file)
@@ -4,10 +4,10 @@
         <a class="top-logo" href="<?php echo get_page_link($artPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-gallery.png"></a>
     <?php endif;?>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php art_top_bar(); ?>
                 </section>
index 9009bd2..e02f88e 100644 (file)
@@ -4,10 +4,10 @@
         <a class="top-logo" href="<?php echo get_page_link($bayPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-gallery.png"></a>
     <?php endif;?>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php bay_top_bar(); ?>
                 </section>
index abee58f..d9f639f 100644 (file)
@@ -4,10 +4,10 @@
         <a class="top-logo" href="<?php echo get_page_link($riverPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-crooked-river-lodge.png"></a>
     <?php endif;?>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php river_top_bar(); ?>
                 </section>
index d9f2c02..c9e88a8 100644 (file)
@@ -4,10 +4,10 @@
         <a class="top-logo" href="<?php echo get_page_link($bridgePage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-drawbridge-bistro.png"></a>
     <?php endif;?>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php bridge_top_bar(); ?>
                 </section>
index fb8b761..19fd5a3 100644 (file)
@@ -1,10 +1,10 @@
 <div class="row show-for-large-up">
     <a class="top-logo" href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-logo.png"></a>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php feature_top_bar(); ?>
                 </section>
index d4cd3d9..a6b7cf5 100644 (file)
@@ -4,10 +4,10 @@
         <a class="top-logo" href="<?php echo get_page_link($perryPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-perry-hotel.png"></a>
     <?php endif;?>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php perry_top_bar(); ?>
                 </section>
index 27c11fc..ce4dcd4 100644 (file)
@@ -4,10 +4,10 @@
         <a class="top-logo" href="<?php echo get_page_link($pierPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-peir-restaurant.png"></a>
     <?php endif;?>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php pier_top_bar(); ?>
                 </section>
index c0b1596..c3dcdff 100644 (file)
@@ -4,10 +4,10 @@
         <a class="top-logo" href="<?php echo get_page_link($pointerPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/Staffords-oval.png"></a>
     <?php endif;?>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php boat_top_bar(); ?>
                 </section>
index ae7d64f..9d6d500 100644 (file)
@@ -4,10 +4,10 @@
         <a class="top-logo" href="<?php echo get_page_link($vacationPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/Staffords-oval.png"></a>
     <?php endif;?>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php vacation_top_bar(); ?>
                 </section>
index 5a2202c..dbe9c50 100644 (file)
@@ -4,10 +4,10 @@
         <a class="top-logo" href="<?php echo get_page_link($weatherPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-the-weathervane.png"></a>
     <?php endif;?>
 </div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
     <div class="row">
         <div class="large-6 large-offset-4 columns">
-            <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+            <nav class="top-bar text-left" data-topbar role="navigation">
                 <section class="top-bar-section">
                     <?php weathervane_top_bar(); ?>
                 </section>
@@ -53,7 +53,7 @@
     <section class="middle tab-bar-section">
         <?php $weatherPage = get_page_by_title('Weathervane Restaurant');?>
         <?php if($weatherPage):?>
-            <a class="top-logo" href="<?php echo get_page_link($weatherPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-the-weathervane.png"></a>
+            <a href="<?php echo get_page_link($weatherPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-the-weathervane.png"></a>
         <?php endif;?>
         <span>Book Now</span>
     </section>
index eed28f0..aa1f14d 100644 (file)
@@ -17,18 +17,18 @@ aside.left-off-canvas-menu .off-canvas-list ul li a {
   background-position: 3px 50%;
 }
 aside.left-off-canvas-menu li.page_item_has_children a.toggle {
-  @include off-canvas-arrow(down, $secondary-color);
-  font-size: 0;
-  height: 0;
-  line-height: 0;
-  padding: 0;
+  @include off-canvas-point(right, $purple);
+//  font-size: 0;
+//  height: 0;
+//  line-height: 0;
+//  padding: 0;
   position: absolute;
   right: 10px;
   top: 13px;
-  width: 0;
+//  width: 0;
 }
 aside.left-off-canvas-menu li.page_item_has_children a.toggle.open {
-    @include off-canvas-arrow(up, $secondary-color);
+    @include off-canvas-point(down, $red);
 }
 aside.left-off-canvas-menu ul.children {
   display: none;
@@ -45,10 +45,9 @@ aside.left-off-canvas-menu ul.open {
         list-style: none;
         li {
             a {
-                color: $white;
-                font-size: rem-calc(20);
+                color: $purple;
+                font-size: rem-calc(16);
                 line-height: 150%;
-                border-color: white;
             }
             a:hover {
                 color: black;
@@ -63,7 +62,7 @@ aside.left-off-canvas-menu ul.open {
             padding: 10px 0;
             li {
                 a {
-                    color: $white;
+                    color: $purple;
                 }
                 ul {
                     list-style: none;