File manager - Edit - /home/filmpbuk/public_html/_mixins.scss.tar
Back
home/filmpbuk/public_html/font-awesome.old/scss/_mixins.scss 0000644 00000003145 15125044426 0020314 0 ustar 00 // Mixins // -------------------------- @mixin fa-icon() { display: inline-block; font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration font-size: inherit; // can't have font-size inherit on line above, so need to override text-rendering: auto; // optimizelegibility throws things off #1094 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @mixin fa-icon-rotate($degrees, $rotation) { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})"; -webkit-transform: rotate($degrees); -ms-transform: rotate($degrees); transform: rotate($degrees); } @mixin fa-icon-flip($horiz, $vert, $rotation) { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)"; -webkit-transform: scale($horiz, $vert); -ms-transform: scale($horiz, $vert); 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 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } // 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 { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } } home/filmpbuk/public_html/fontawesome/scss/_mixins.scss 0000644 00000004552 15134613035 0017463 0 ustar 00 // mixins // -------------------------- // base rendering for an icon @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; } // sets relative font-sizing and alignment (in _sizing) @mixin fa-size ($font-size) { font-size: fa-divide($font-size, $fa-size-scale-base) * 1em; // converts step in sizing scale into an em-based value that's relative to the scale's base line-height: fa-divide(1, $font-size) * 1em; // sets the line-height of the icon back to that of it's parent vertical-align: (fa-divide(6, $font-size) - fa-divide(3, 8)) * 1em; // vertically centers the icon taking into account the surrounding text's descender } // only display content to screen readers // see: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/ // see: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ @mixin fa-sr-only() { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } // use in conjunction with .sr-only to only display content when it's focused @mixin fa-sr-only-focusable() { &:not(:focus) { @include fa-sr-only(); } } // convenience mixins for declaring pseudo-elements by CSS variable, // including all style-specific font properties, and both the ::before // and ::after elements in the duotone case. @mixin fa-icon-solid($fa-var) { @extend %fa-icon; @extend .fa-solid; &::before { content: unquote("\"#{ $fa-var }\""); } } @mixin fa-icon-regular($fa-var) { @extend %fa-icon; @extend .fa-regular; &::before { content: unquote("\"#{ $fa-var }\""); } } @mixin fa-icon-light($fa-var) { @extend %fa-icon; @extend .fa-light; &::before { content: unquote("\"#{ $fa-var }\""); } } @mixin fa-icon-thin($fa-var) { @extend %fa-icon; @extend .fa-thin; &::before { content: unquote("\"#{ $fa-var }\""); } } @mixin fa-icon-duotone($fa-var) { @extend %fa-icon; @extend .fa-duotone; &::before { content: unquote("\"#{ $fa-var }\""); } &::after { content: unquote("\"#{ $fa-var }#{ $fa-var }\""); } } @mixin fa-icon-brands($fa-var) { @extend %fa-icon; @extend .fa-brands; &::before { content: unquote("\"#{ $fa-var }\""); } } home/filmpbuk/public_html/fontawesome.6.alpha OK/scss/_mixins.scss 0000644 00000002413 15137011270 0021173 0 ustar 00 // mixins // -------------------------- // base rendering for an icon @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; } // sets relative font-sizing and alignment (in _sizing) @mixin fa-size ($font-size) { font-size: ($font-size / $fa-size-scale-base) * 1em; // converts step in sizing scale into an em-based value that's relative to the scale's base line-height: (1 / $font-size) * 1em; // sets the line-height of the icon back to that of it's parent vertical-align: ((6 / $font-size) - (3 / 8)) * 1em; // vertically centers the icon taking into account the surrounding text's descender } // only display content to screen readers // see: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/ // see: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ @mixin fa-sr-only() { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } // use in conjunction with .sr-only to only display content when it's focused @mixin fa-sr-only-focusable() { &:not(:focus) { @include fa-sr-only(); } }
| ver. 1.4 |
Github
|
.
| PHP 7.3.33 | Generation time: 0.06 |
proxy
|
phpinfo
|
Settings