Merge branch 'release/2.1.12'

CHANGELOG.md

@@ -1,13 +1,17 @@
 # Changelog
 
+## Unreleased
+
+* Fixed size and positioning of skip-link.
+
+## 2.1.11
+* Fixes an issue with external linking. This is a required update for all 2.0 themes.
+
 ## 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
-
-## Unreleased
-
 * Fixed a bug with the left hand nav layout and BU Banners [See related pull request](https://github.com/bu-ist/responsive-foundation/pull/154)
 * Fixed a bug with the search box in IE [See related pull request](https://github.com/bu-ist/responsive-foundation/pull/156)
 * Fixed a bug with the profile single photos [See related pull request](https://github.com/bu-ist/responsive-foundation/pull/159)

bower.json

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

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

@@ -1007,35 +1007,38 @@ $no-nav-desktop:                    $nav-desktop !default;
 // Adjusts the appearance of the skip link; Styled to match the default WordPress screen reader text
 
 .skip-link {
-
+	@include box-shadow( 0 0 2px 2px transparentize( $color-grayscale-0, 0.4 ) );
 	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;
+	left: 50%;
 	line-height: normal;
-	margin: 30px 45%;
+	margin: 0;
 	padding: 15px 23px 14px;
 	position: absolute;
+	right: 50%;
+	text-align: center;
 	text-decoration: none;
-	top: -100px;
+	top: -130px;
+	transform: translateX( -50% );
 	-webkit-transition: top 0.75s ease-out;
 	transition: top 0.75s ease-out;
-	width: auto;
+	width: 90%;
 	z-index: 100000;
-
-}
 
-.skip-link:focus,
-.skip-link:active {
-	color: #21759b;
-	top: 7px;
+	@include breakpoint( $xs ) {
+		width: 190px;
+	}
 
-	-webkit-transition: top 0s;
-	transition: top 0s;
+	&:focus,
+	&:active {
+		color: #21759b;
+		top: 37px;
+		-webkit-transition: top 0s;
+		transition: top 0s;
+	}
 }

package.json

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