site

personal website, served at mordaunt.dev/site
Log | Files | Refs

_core.scss (1033B)

      1 // base icon class definition
      2 // -------------------------
      3 
      4 .#{$fa-css-prefix} {
      5   font-family: var(--#{$fa-css-prefix}-style-family, '#{$fa-style-family}');
      6   font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
      7 }
      8 
      9 .fas,
     10 .far,
     11 .fab,
     12 .#{$fa-css-prefix}-solid,
     13 .#{$fa-css-prefix}-regular,
     14 .#{$fa-css-prefix}-brands,
     15 .#{$fa-css-prefix} {
     16   -moz-osx-font-smoothing: grayscale;
     17   -webkit-font-smoothing: antialiased;
     18   display: var(--#{$fa-css-prefix}-display, #{$fa-display});
     19   font-style: normal;
     20   font-variant: normal;
     21   line-height: 1;
     22   text-rendering: auto;
     23 }
     24 
     25 .fas::before,
     26 .far::before,
     27 .fab::before,
     28 .#{$fa-css-prefix}-solid::before,
     29 .#{$fa-css-prefix}-regular::before,
     30 .#{$fa-css-prefix}-brands::before,
     31 .#{$fa-css-prefix}::before {
     32   content: var(#{$fa-icon-property});
     33 }
     34 
     35 .#{$fa-css-prefix}-classic,
     36 .fas,
     37 .#{$fa-css-prefix}-solid,
     38 .far,
     39 .#{$fa-css-prefix}-regular {
     40   font-family: 'Font Awesome 6 Free';
     41 }
     42 .#{$fa-css-prefix}-brands,
     43 .fab {
     44   font-family: 'Font Awesome 6 Brands';
     45 }
     46 
     47 %fa-icon {
     48   @include fa-icon;
     49 }