Merge pull request #166 from bu-ist/release/2.1.1

Release/2.1.1

CHANGELOG.md

@@ -1,8 +1,10 @@
 # Changelog
 
+## 2.1.1
+* Adds skip-link feature for keyboard navigation. This is a required update for all 2.0 themes.
+
 ## 2.1.0
 * Color contrast accessibility fixes to comply with MWAS
-* Added skip-link feature for keyboard navigation
 
 ## Unreleased
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "responsive-foundation",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "homepage": "https://github.com/bu-ist/responsive-foundation",
   "authors": [
     "Mike Burns <[email protected]>",

css-dev/burf-base/_normalize.scss

@@ -101,3 +101,22 @@ figure {
 	height: auto;
 	max-width: 100%;
 }
+
+/// Adds a default icon for links which open
+/// in a new window or tab. This pattern may
+/// also be used for external links.
+/// @group 01-config
+/// @access public
+/// @since 2.1.0
+
+a {
+	&[target="_blank"],
+	&[target="_new"] {
+		@include icon( 'redirect', 'after' );
+
+		&:after {
+			font-size: 0.6em;
+			vertical-align: text-top;
+		}
+	}
+}

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

@@ -300,6 +300,7 @@ $width-side-nav:                            240px !default;
 /// @access public
 /// @since 2.0.0
 
+
 $nav-desktop:                    $sm !default;
 
 nav {
@@ -388,6 +389,7 @@ $search-field-height:                          40px !default;
 	}
 }
 
+
 /// Adjusts the size of the search and nav toggles in
 /// the main navigation. Also affects the top/bottom spacing
 /// around main navigation items in the nav bar.
@@ -572,7 +574,8 @@ $nav-toggle-border: 4px !default;
 		}
 
 		&:hover ul,
-		&:focus ul {
+		&:focus ul,
+		&:focus-within ul {
 			left: auto;
 		}
 
@@ -997,4 +1000,42 @@ $no-nav-desktop:                    $nav-desktop !default;
 			}
 		}
 	}
+
+
+}
+
+// Adjusts the appearance of the skip link; Styled to match the default WordPress screen reader text
+
+.skip-link {
+
+	background-color: #f1f1f1;
+	-webkit-box-shadow: 0 0 2px 2px rgba( 0, 0, 0, 0.6 );
+	box-shadow: 0 0 2px 2px rgba( 0, 0, 0, 0.6 );
+	color: #21759b;
+	display: block;
+	font-family: "Open Sans",sans-serif;
+	font-size: 14px;
+	font-weight: 700;
+	height: auto;
+	left: 6px;
+	line-height: normal;
+	margin: 30px 45%;
+	padding: 15px 23px 14px;
+	position: absolute;
+	text-decoration: none;
+	top: -100px;
+	-webkit-transition: top 0.75s ease-out;
+	transition: top 0.75s ease-out;
+	width: auto;
+	z-index: 100000;
+
+}
+
+.skip-link:focus,
+.skip-link:active {
+	color: #21759b;
+	top: 7px;
+
+	-webkit-transition: top 0s;
+	transition: top 0s;
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "responsive-foundation",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "devDependencies": {
     "grunt": "~0.4.5",
     "grunt-bower-task": "^0.4.0",