github.com/oinume/lekcije@v0.0.0-20231017100347-5b4c5eb6ab24/frontend/lib/fontawesome/web-fonts-with-css/less/_mixins.less (about)

     1  // Mixins
     2  // --------------------------
     3  
     4  .fa-icon() {
     5    -moz-osx-font-smoothing: grayscale;
     6    -webkit-font-smoothing: antialiased;
     7    display: inline-block;
     8    font-style: normal;
     9    font-variant: normal;
    10    font-weight: normal;
    11    line-height: 1;
    12    vertical-align: -.125em;
    13  }
    14  
    15  .fa-icon-rotate(@degrees, @rotation) {
    16    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
    17    transform: rotate(@degrees);
    18  }
    19  
    20  .fa-icon-flip(@horiz, @vert, @rotation) {
    21    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
    22    transform: scale(@horiz, @vert);
    23  }
    24  
    25  
    26  // Only display content to screen readers. A la Bootstrap 4.
    27  //
    28  // See: http://a11yproject.com/posts/how-to-hide-content/
    29  
    30  .sr-only() {
    31    border: 0;
    32    clip: rect(0,0,0,0);
    33    height: 1px;
    34    margin: -1px;
    35    overflow: hidden;
    36    padding: 0;
    37    position: absolute;
    38    width: 1px;
    39  }
    40  
    41  // Use in conjunction with .sr-only to only display content when it's focused.
    42  //
    43  // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
    44  //
    45  // Credit: HTML5 Boilerplate
    46  
    47  .sr-only-focusable() {
    48    &:active,
    49    &:focus {
    50      clip: auto;
    51      height: auto;
    52      margin: 0;
    53      overflow: visible;
    54      position: static;
    55      width: auto;
    56    }
    57  }