Merge branch 'release/3.2.12'

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 3.2.12
+
+* Fixes a bug with dropdowns in IE11 and Edge related to `:focus-within`.
+
 ## 3.2.11
 
 * Fixes missing support for several BU Default Icons.

_docs/index.html

@@ -36,9 +36,10 @@ <h1>Welcome to Responsive Foundation!</h1>
 	<p>Responsive Foundation is Boston University Interactive Design's front-end library. The basic library can be used on any project by importing the styles in <code>burf-base</code>. For WordPress theme developers, we also have a set of styles especially for custom themes, called <code>burf-theme</code>. These styles go hand in hand with the <a href="https://github.com/bu-ist/responsive-framework">Responsive Framework</a>, our in-house WordPress theme development framework.</p>
 	<h2>Documentation for supported versions</h2>
 	<ul class="code-nav">
-		<li><a href="/2.0.0-dev/">2.0.0-dev</a></li>
-		<li><a href="/1.0.0/">1.3.2</a></li>
-		<li><a href="/0.1.0/">0.1.0</a></li>
+		<li><a href="/responsive-foundation/3.2.12/">3.2.12</a></li>
+		<li><a href="/responsive-foundation/2.0.0-dev/">2.0.0-dev</a></li>
+		<li><a href="/responsive-foundation/1.0.0/">1.3.2</a></li>
+		<li><a href="/responsive-foundation/0.1.0/">0.1.0</a></li>
 	</ul>
 </main>
 <footer class="site-footer has-footer-info has-footer-links has-footer-social has-branding" role="contentinfo">

css-dev/burf-theme/layout/_navigation.scss

@@ -573,12 +573,15 @@ $nav-toggle-border: 4px !default;
 			outline-color: invert( $color-primary-nav-bg );
 		}
 
-		&:hover ul,
-		&:focus ul,
 		&:focus-within ul {
 			left: auto;
 		}
 
+		&:hover ul,
+		&:focus ul {
+			left: auto;
+		}
+
 		li {
 			display: block;
 			padding: 0 $padding-small;
@@ -664,7 +667,6 @@ $nav-toggle-border: 4px !default;
 		list-style-type: none;
 
 		@include breakpoint( $nav-desktop ) {
-			*display: inline;
 			border: 0;
 			display: inline-block;
 			padding-left: $padding-small;
@@ -888,7 +890,7 @@ $_search-height: 115px;
 	&.nav-open {
 		.bu-banner,
 		.content
-		 {
+		{
 			@include breakpoint( $left-nav-desktop ) {
 				left: $width-side-nav - 60px;
 			}
@@ -1267,8 +1269,8 @@ $mega-nav-desktop-layout:                      $md !default;
 
 .skip-link {
 	@include box-shadow( 0 0 2px 2px transparentize( $color-grayscale-0, 0.4 ) );
-	background-color: #f1f1f1;
-	color: #21759b;
+	background-color: #F1F1F1;
+	color: #21759B;
 	display: block;
 	font-family: "Open Sans",sans-serif;
 	font-size: 14px;
@@ -1295,7 +1297,7 @@ $mega-nav-desktop-layout:                      $md !default;
 
 	&:focus,
 	&:active {
-		color: #21759b;
+		color: #21759B;
 		top: 0;
 		-webkit-transition: top 0s;
 		transition: top 0s;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "responsive-foundation",
-  "version": "3.2.11",
+  "version": "3.2.12",
   "homepage": "https://github.com/bu-ist/responsive-foundation",
   "description": "A front-end framework for developing responsive sites at Boston University.",
   "authors": [