Feature/#434 social links menu (#455)

* Adds styles to replace social icon links in a menu with the icons and hidden text (still screen reader accessible)

* Compiles

* Squashed commit of the following:

commit 1eae31f
Author: Corey M Collins <coreymcollins@gmail.com>
Date:   Fri Jan 18 13:51:15 2019 -0600

    Feature/#429 replace hidden elements (#454)

    * Removes the CSS hiding aside post format post titles

    * Adds screen reader class if the post is an aside

    * Actually, just remove the whole screen reader thing

    * Compiles styles

* Compiles styles

* Squashed commit of the following:

commit 1eae31f
Author: Corey M Collins <coreymcollins@gmail.com>
Date:   Fri Jan 18 13:51:15 2019 -0600

    Feature/#429 replace hidden elements (#454)

    * Removes the CSS hiding aside post format post titles

    * Adds screen reader class if the post is an aside

    * Actually, just remove the whole screen reader thing

    * Compiles styles

assets/sass/modules/_icons.scss

@@ -33,6 +33,34 @@
 	} // .social-icon
 } // .social-icons
 
+//--------------------------------------------------------------
+// Replace Text With Icons
+//--------------------------------------------------------------
+$social-sites: facebook instagram linkedin twitter;
+
+.menu {
+
+	a {
+		// Set the background image for each social network.
+		@each $network in $social-sites {
+			&[href*='#{$network}'] {
+				@include size(rem(30));
+
+				background: url('assets/images/svg-icons/#{$network}-square.svg') no-repeat center center transparent;
+				background-size: rem(30);
+				display: block;
+				text-indent: rem(-999999);
+
+				@include media($tablet-portrait) {
+					@include size(rem(19));
+
+					background-size: rem(19);
+				}
+			}
+		}
+	}
+} // .menu
+
 //-----------------------------------------
 // Close icon
 //-----------------------------------------