V3 amends

assets/styles/utils/_helpers.scss

@@ -1,84 +1,102 @@
 /**
 * Clearing and floating
 */
+
 .alignleft,
 .float-left {
-  float: left;
+    float: left;
 
-  img & {
-    margin-right: $base-spacing-unit;
-  }
+    img & {
+        margin-right: $base-spacing-unit;
+    }
 }
 
 .alignright,
 .float-right {
-  float: right;
+    float: right;
 
-  img & {
-    margin-left : $base-spacing-unit;
-  }
+    img & {
+        margin-left: $base-spacing-unit;
+    }
 }
 
 .aligncenter,
 .float-center {
-  display: block;
-  margin: {
-    left: auto;
-    right: auto;
-  }
+    display: block;
+    margin: {
+        left: auto;
+        right: auto;
+    }
 
-  img & {
-    margin-bottom: $base-spacing-unit;
-  }
+    img & {
+        margin-bottom: $base-spacing-unit;
+    }
 }
 
 .clearfix {
-  @include clearfix();
+    @include clearfix;
 }
 
 
-
 /**
 * Text aligments
 */
+
 .align-text-left {
-  text-align: left;
+    text-align: left;
 }
 
 .align-text-right {
-  text-align: right;
+    text-align: right;
 }
 
 .align-text-center {
-  text-align: center;
+    text-align: center;
 }
 
 
 /**
-* Elements visibility
-*/
-.visible-on-mobile {
-  display: none !important;
+ * Elements visibility
+ */
 
-  @include resp-max($breakpoint-sm) {
-    display: block !important;
-  }
+.visible-on-mobile {
+    display: none !important;
+
+    @include resp-max($breakpoint-sm) {
+        display: block !important;
+    }
 }
 
 .visible-on-tablet {
-  display: none !important;
-
-  @include resp-max($breakpoint-md) {
-    display: block !important;
-  }
-
-  @include resp-max($breakpoint-sm) {
     display: none !important;
-  }
+
+    @include resp-max($breakpoint-md) {
+        display: block !important;
+    }
+
+    @include resp-max($breakpoint-sm) {
+        display: none !important;
+    }
 }
 
 .visible-on-desktop {
-  @include resp-max($breakpoint-md) {
-    display: none !important;
-  }
+    @include resp-max($breakpoint-md) {
+        display: none !important;
+    }
 }
+
+
+/**
+ * Accessibility
+ */
+
+.sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0,0,0,0);
+    border: 0;
+}

assets/styles/utils/_reset.scss

@@ -1,44 +1,44 @@
 * {
-  background-color: transparent;
-  border: 0;
-  box-sizing: border-box;
-  font: inherit;
-  margin: 0;
-  padding: 0;
+    background-color: transparent;
+    border: 0;
+    box-sizing: border-box;
+    font: inherit;
+    margin: 0;
+    padding: 0;
 }
 
 html {
-  background-color: white;
-  font-size: 100%;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  text-rendering: optimizeLegibility;
+    background-color: white;
+    font-size: 100%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+    text-rendering: optimizeLegibility;
 }
 
 input,
 select,
 textarea,
 button {
-  color: inherit;
-  display: inline-block;
+    color: inherit;
+    display: inline-block;
 
-  &[disabled] {
-    cursor: not-allowed;
-  }
+    &[disabled] {
+        cursor: not-allowed;
+    }
 }
 
 button {
-  cursor: pointer;
+    cursor: pointer;
 }
 
 table {
-  border-collapse: collapse;
-  border-spacing: 0;
+    border-collapse: collapse;
+    border-spacing: 0;
 
-  th,
-  td {
-    text-align: left;
-  }
+    th,
+    td {
+        text-align: left;
+    }
 }

assets/styles/utils/_responsive.scss

@@ -1,16 +1,16 @@
 @each $breakpoint in $breakpoints {
-  $key   : nth($breakpoint, 1);
-  $value : nth($breakpoint, 2);
+    $key   : nth($breakpoint, 1);
+    $value : nth($breakpoint, 2);
 
-  .visible-#{$key} {
-    @media only screen and #{$value} {
-      display: block !important;
+    .visible-#{$key} {
+        @media only screen and #{$value} {
+            display: block !important;
+        }
     }
-  }
 
-  .hidden-#{$key} {
-    @media only screen and #{$value} {
-      display: none !important;
+    .hidden-#{$key} {
+        @media only screen and #{$value} {
+            display: none !important;
+        }
     }
-  }
 }