infojune/resources/sass/app.scss

@import 'softbox';
@import 'choicebox';
@import 'home';
@import 'grille';
// MATERIALIZE CSS
@import 'materialize/sass/materialize.scss';

@import "fontawesome.scss";
@import "solid.scss";
@import "brands.scss";
$icons-padding: 5px;
#status{
    height:80px;
}
.description{
    white-space: pre-wrap;
}
.wrapper{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
}
.buttons::after{
  content:"Aller";
}
.licence{
    &:before{
        @extend %fa-icon;
        @extend .fas;
        content: fa-content($fa-var-balance-scale);
        padding-right: $icons-padding;
    }
}
/* BUTTONS ICONS (before) */
.donate{
&:before{
    @extend %fa-icon;
    @extend .fas;
padding-right:5px;
content: fa-content($fa-var-donate);
}

}
.sb-btns > {
    a[href*="demo.cesium.app"],a[href*="helloasso.com"],a[href*="opencollective.com"],a[href*="liberapay.com"]{
        &:before{
            @extend %fa-icon;
            @extend .fas;
        padding-right:$icons-padding;
        content: fa-content($fa-var-donate);
        }

        &:after{
            content:"Donner";
        }
    }
    a[href*="chat"],a[href*="forum"]{
    &:before{
        @extend %fa-icon;
        @extend .fas;
        content: fa-content($fa-var-comments);
        padding-right: $icons-padding;
    }
      }
      a[href*="framasphere.org"]{
    &:before{
        @extend %fa-icon;
        @extend .fab;
        content: fa-content($fa-var-diaspora);
        padding-right: $icons-padding;
    }
      }
      a[href*="facebook.com"]{
        &:before{
            @extend %fa-icon;
            @extend .fab;
            content: fa-content($fa-var-facebook);
            padding-right: $icons-padding;
        }
        &:after{
            content: "Facebook";
        }
      }
      a[href*="mastodon"]{
        &:before{
            @extend %fa-icon;
            @extend .fab;
            content: fa-content($fa-var-mastodon);
            padding-right: $icons-padding;
        }
        &:after{
            content: "Mastodon";
        }
      }
      a[href*="twitter.com"]{
        &:before{
            @extend %fa-icon;
            @extend .fab;
            content: fa-content($fa-var-twitter);
            padding-right: $icons-padding;
        }
        &:after{
            content: "Twitter";
        }
      }
      a[href*="youtube.com"],a[href*="peertube"],a[href*="tube.p2p.legal"]{
        &:before{
            @extend %fa-icon;
            @extend .fas;
            content: fa-content($fa-var-play);
            padding-right: $icons-padding;
        }
      }
      a[href*="agenda"],a[href*="calendar"],a[href*="events"]{
        &:before{
            @extend %fa-icon;
            @extend .fas;
            content: fa-content($fa-var-calendar-alt);
            padding-right: $icons-padding;
        }
        &:after{
            content: "Agenda";
        }
        a[href*="forum"]::after{
            content:"Forum";
            }
            a[href*="chat"]::after{
            content:"Chat";
            }
      }

}