Added login request

backend/wordpress/wp-content/plugins/jetpack/scss/_utilities/_accessibility.scss

@@ -0,0 +1,30 @@
+// ==========================================================================
+// Accessibility
+// ==========================================================================
+
+// Text meant only for screen readers
+.screen-reader-text {
+	clip: rect(1px, 1px, 1px, 1px);
+	position: absolute !important;
+
+	&:hover,
+	&:active,
+	&:focus {
+		background-color: #f1f1f1;
+		border-radius: 3px;
+		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+		clip: auto !important;
+		color: #21759b;
+		display: block;
+		font-size: 14px;
+		font-weight: bold;
+		height: auto;
+		left: 5px;
+		line-height: normal;
+		padding: 15px 23px 14px;
+		text-decoration: none;
+		top: 5px;
+		width: auto;
+		z-index: 100000; // Above WP toolbar
+	}
+}

backend/wordpress/wp-content/plugins/jetpack/scss/_utilities/_grid.scss

@@ -0,0 +1,75 @@
+// ==========================================================================
+// Grid styles
+// 12 column grid
+// ==========================================================================
+
+.j-row {
+	width: 100%;
+	margin: 0 auto;
+	&:before,
+	&:after {
+		content: " ";
+		display: table;
+	}
+
+	&:after {
+		clear: both;
+	}
+}
+
+.j-col {
+	padding: 0.85em;
+	width: 100%;
+	float: left;
+	position: relative;
+}
+
+// Small grid (Mobile first)
+@media only screen {
+	// .j-sm-1		{width: 8.33333%;}
+	// .j-sm-2		{width: 16.66667%;}
+	// .j-sm-3		{width: 25%;}
+	// .j-sm-4		{width: 33.33333%;}
+	.j-sm-5		{width: 41.66667%;}
+	// .j-sm-6		{width: 50%;}
+	.j-sm-7		{width: 58.33333%;}
+	// .j-sm-8		{width: 66.66667%;}
+	// .j-sm-9		{width: 75%;}
+	// .j-sm-10	{width: 83.33333%;}
+	// .j-sm-11	{width: 91.66667%;}
+	.j-sm-12	{width: 100%;}
+}
+
+// Medium grid
+// 530px and up
+@include minbreakpoint(large-phone) {
+	// .j-md-1		{width: 8.33333%;}
+	// .j-md-2		{width: 16.66667%;}
+	// .j-md-3		{width: 25%;}
+	.j-md-4		{width: 33.33333%;}
+	// .j-md-5		{width: 41.66667%;}
+	.j-md-6		{width: 50%;}
+	// .j-md-7		{width: 58.33333%;}
+	.j-md-8		{width: 66.66667%;}
+	// .j-md-9		{width: 75%;}
+	// .j-md-10	{width: 83.33333%;}
+	// .j-md-11	{width: 91.66667%;}
+	.j-md-12	{width: 100%;}
+}
+
+// Large grid
+// 782px and up
+@include minbreakpoint(tablet) {
+	// .j-lrg-1	{width: 8.33333%;}
+	// .j-lrg-2	{width: 16.66667%;}
+	// .j-lrg-3	{width: 25%;}
+	.j-lrg-4	{width: 33.33333%;}
+	.j-lrg-5	{width: 41.66667%;}
+	.j-lrg-6	{width: 50%;}
+	.j-lrg-7	{width: 58.33333%;}
+	.j-lrg-8	{width: 66.66667%;}
+	// .j-lrg-9	{width: 75%;}
+	// .j-lrg-10	{width: 83.33333%;}
+	// .j-lrg-11	{width: 91.66667%;}
+	.j-lrg-12	{width: 100%;}
+}

backend/wordpress/wp-content/plugins/jetpack/scss/_utilities/mixins/_breakpoint.scss

@@ -0,0 +1,46 @@
+// ==========================================================================
+// Breakpoint Mixin
+//
+// Uses Sass Maps which requires Sass v3.3.0 or newer
+//
+//
+// EXAMPLE
+//
+// body {
+// 	@include breakpoint(tablet){
+// 		font-size: 14px;
+// 	};
+// }
+
+// ==========================================================================
+
+// Add or remove breakpoints as you desire
+$breakpoints:(
+	phone: 320px,
+	large-phone: 530px,
+	phablet: 600px,
+	tablet: 782px,
+	desktop: 900px,
+	large-desktop: 1147px,
+);
+
+@mixin breakpoint($size){
+	@each $breakpoint, $value in $breakpoints {
+		@if $size == $breakpoint {
+			@media (max-width: map-get($breakpoints, $breakpoint)){
+				@content;
+			}
+		}
+	}
+}
+
+// For mobile first
+@mixin minbreakpoint($size){
+	@each $breakpoint, $value in $breakpoints {
+		@if $size == $breakpoint {
+			@media (min-width: map-get($breakpoints, $breakpoint)){
+				@content;
+			}
+		}
+	}
+}