infojune/resources/sass/app.scss

126 lines
2.8 KiB
SCSS

@import 'softbox';
@import 'choicebox';
@import 'home';
// MATERIALIZE CSS
@import 'materialize/sass/materialize.scss';
@import "fontawesome.scss";
@import "solid.scss";
@import "brands.scss";
$icons-padding: 5px;
#status{
height:80px;
}
.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";
}
}
}