new file mode 100644

@@ -0,0 +1,56 @@

+// Mixins

+// --------------------------

+

+@mixin fa-icon {

+  -webkit-font-smoothing: antialiased;

+  -moz-osx-font-smoothing: grayscale;

+  display: inline-block;

+  font-style: normal;

+  font-variant: normal;

+  font-weight: normal;

+  line-height: 1;

+}

+

+@mixin fa-icon-rotate($degrees, $rotation) {

+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";

+  transform: rotate($degrees);

+}

+

+@mixin fa-icon-flip($horiz, $vert, $rotation) {

+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";

+  transform: scale($horiz, $vert);

+}

+

+

+// Only display content to screen readers. A la Bootstrap 4.

+//

+// See: http://a11yproject.com/posts/how-to-hide-content/

+

+@mixin sr-only {

+  border: 0;

+  clip: rect(0, 0, 0, 0);

+  height: 1px;

+  margin: -1px;

+  overflow: hidden;

+  padding: 0;

+  position: absolute;

+  width: 1px;

+}

+

+// Use in conjunction with .sr-only to only display content when it's focused.

+//

+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1

+//

+// Credit: HTML5 Boilerplate

+

+@mixin sr-only-focusable {

+  &:active,

+  &:focus {

+    clip: auto;

+    height: auto;

+    margin: 0;

+    overflow: visible;

+    position: static;

+    width: auto;

+  }

+}