infojune/resources/sass/app.scss

101 lines
2.3 KiB
SCSS

/* 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';