-<<<<<<< HEAD
<button data-dropdown="drop1" aria-controls="drop1" aria-expanded="false" class="button dropdown">Dropdown Button</button><br>
<ul id="drop1" data-dropdown-content class="f-dropdown" aria-hidden="true" tabindex="-1">
-=======
-<button href="#" data-dropdown="drop1" aria-controls="drop1" aria-expanded="false" class="button dropdown">Dropdown Button</button><br>
-<ul id="drop1" data-dropdown-content class="f-dropdown" aria-hidden="true">
->>>>>>> 33575ddf283b97c0d6f96ffa2891d515195ccbbc
<li><a href="#">This is a link</a></li>
<li><a href="#">This is another</a></li>
<li><a href="#">Yet another</a></li>
</ul>
<button data-dropdown="drop2" class="small secondary radius button dropdown" aria-expanded="false" aria-controls="drop2">Dropdown Button</button><br>
-<<<<<<< HEAD
<ul id="drop2" data-dropdown-content class="f-dropdown" aria-hidden="true" tabindex="-1">
-=======
-<ul id="drop2" data-dropdown-content class="f-dropdown" aria-hidden="true">
->>>>>>> 33575ddf283b97c0d6f96ffa2891d515195ccbbc
<li><a href="#">This is a link</a></li>
<li><a href="#">This is another</a></li>
<li><a href="#">Yet another</a></li>
// Transitions and breakpoint styles
$topbar-transition-speed: 300ms;
// Using rem-calc for the below breakpoint causes issues with top bar
-<<<<<<< HEAD
$topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout
$topbar-media-query: $medium-up;
-=======
-$topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout
-$topbar-media-query: "#{$screen} and (min-width:#{lower-bound($topbar-breakpoint)})";
->>>>>>> pr/5996
// Divider Styles
$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%);