/* DEFINE FONTFACE */ $button-color:#2196F3; .buttons::after{ content:"Aller"; } /* BUTTONS ICONS (before) */ .donate::before,a[href*="demo.cesium.app"]::before,a[href*="helloasso.com"]::before,a[href*="opencollective.com"]::before,a[href*="liberapay.com"]::before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f4b9"; padding-right:5px; } a[href*="chat"]::before,a[href*="forum"]::before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f086"; padding-right:5px; } a[href*="framasphere.org"]::before{ font-family: "Font Awesome 5 Brands"; font-weight: 900; content: "\f791"; padding-right:5px; } a[href*="facebook.com"]::before{ font-family: "Font Awesome 5 Brands"; font-weight: 900; content: "\f09a"; padding-right:5px; } a[href*="mastodon"]::before{ font-family: "Font Awesome 5 Brands"; font-weight: 900; content: "\f4f6"; padding-right:5px; } a[href*="twitter.com"]::before{ font-family: "Font Awesome 5 Brands"; font-weight: 900; content: "\f099"; padding-right:5px; } a[href*="youtube.com"]::before,a[href*="peertube"]::before,a[href*="tube.p2p.legal"]::before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f04b"; padding-right:5px; } a[href*="agenda"]::before,a[href*="calendar"]::before,a[href*="events"]::before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f073"; padding-right:5px; } /* BUTTONS TEXTS (after) */ a[href*="facebook.com"]::after{ content:"Facebook"; } a[href*="agenda"]::after,a[href*="calendar"]::after,a[href*="events"]::after{ content:"Agenda"; } a[href*="framasphere.org"]::after{ content:"diaspora"; } a[href*="forum"]::after{ content:"Forum"; } a[href*="chat"]::after{ content:"Chat"; } a[href*="demo.cesium.app"]::after,a[href*="helloasso.com"]::after,a[href*="opencollective.com"]::after,a[href*="liberapay.com"]::after{ content:"Donner"; } a[href*="mastodon"]::after{ content:"Mastodon"; } a[href*="twitter.com"]::after{ content:"Twitter"; } a[href*="peertube"]::after{ content:"Peertube"; } a[href*="youtube.com"]::after{ content:"Youtube"; } /* DEFINE DEFAULT USE FONT */ @media (prefers-color-scheme: dark) { .day.dark-scheme { background: #333; color: white; } .night.dark-scheme { background: black; color: #ddd; } } @import 'softbox'; @import 'choicebox'; // MATERIALIZE CSS @import 'materialize/sass/materialize.scss';