Warning, /iDDS/monitor/data/css/icons/font-awesome/scss/_mixins.scss is written in an unsupported language. File is not indexed.
0001 // Mixins
0002 // --------------------------
0003
0004 @mixin fa-icon {
0005 -webkit-font-smoothing: antialiased;
0006 -moz-osx-font-smoothing: grayscale;
0007 display: inline-block;
0008 font-style: normal;
0009 font-variant: normal;
0010 font-weight: normal;
0011 line-height: 1;
0012 vertical-align: -.125em;
0013 }
0014
0015 @mixin fa-icon-rotate($degrees, $rotation) {
0016 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
0017 transform: rotate($degrees);
0018 }
0019
0020 @mixin fa-icon-flip($horiz, $vert, $rotation) {
0021 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
0022 transform: scale($horiz, $vert);
0023 }
0024
0025
0026 // Only display content to screen readers. A la Bootstrap 4.
0027 //
0028 // See: http://a11yproject.com/posts/how-to-hide-content/
0029
0030 @mixin sr-only {
0031 border: 0;
0032 clip: rect(0, 0, 0, 0);
0033 height: 1px;
0034 margin: -1px;
0035 overflow: hidden;
0036 padding: 0;
0037 position: absolute;
0038 width: 1px;
0039 }
0040
0041 // Use in conjunction with .sr-only to only display content when it's focused.
0042 //
0043 // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
0044 //
0045 // Credit: HTML5 Boilerplate
0046
0047 @mixin sr-only-focusable {
0048 &:active,
0049 &:focus {
0050 clip: auto;
0051 height: auto;
0052 margin: 0;
0053 overflow: visible;
0054 position: static;
0055 width: auto;
0056 }
0057 }
