Feature request: Custom CSS profielen

[ShadLink]

1. Welk probleem ervaar je?
Ik heb al best veel custom CSS. Nu kan je bij de Custom css deze geheel aan of uitschakelen.
Maar dit is helaas niet voldoende als je bv per device een andere custom css zou willen gebruiken.
Ook kan je bv snippets niet makkelijk aan / uitzetten, deze moet je dan steeds verwijderen en opnieuw toevoegen.

2. Waarom is dat een probleem?
Omdat het je per device andere instellingen zou willen gebruiken.
En bij het maken van een nieuwe custom css / snippet kan je deze moeilijk testen zonder dat andere snippets hier overheen gaan.

3. Hoe vaak loop je er tegenaan?
Regelmatig

4. Hoe ziet de ideale oplossing er voor jou uit?
Een keuze bij de custom css om de instelling op te slaan als een "profiel" bv "Custom CSS voor desktop"
In dit profiel wordt dan opgeslagen welke custom css en snippets er actief zijn.
Onder het tandwieltje rechtsbovenin kan je dan een custom css kiezen (indien ingeschakeld) dit wordt dan in de browser (local storage) opgeslagen. Zodat je dit op verschillende devices anders kan instellen.

Dit lijkt me voor iig de community een geweldige uitbreiding van de website. Maar ik snap dat dit best veel ontwikkeling kan zijn.

[Hero of Time]

Er is de @media queries in CSS om zo bepaalde viewports (resoluties) te bepalen. Dat is al hoe Tweakers zelf de stijl bepaald nav hoe breed het venster is (of dus welk apparaat). Deze eigenschap bij de profielen hebben zou al een hoop helpen, want dan hoef je niet specifiek iets aan of uit te zetten of lokaal op te slaan welke je aan hebt gezet (want cache wissen of nieuw apparaat en je moet weer zaken gaan instellen).

De mogelijkheid om zo'n media query te gebruiken als extra voorwaarde om een snippet aan te zetten zou dit idee mogelijk al kunnen oplossen.

[ShadLink]

Media-queries zouden idd kunnen werken daar had ik ook al aan zitten denken, maar dat geeft idd een probleem met snippets. Maar als je een snippet in een query kan zetten zou veel goed maken. In zo'n geval zou ik dan ook willen zien dat je de volgorde van snippets kan instellen.

Je zou het met een soort van pseudo-CSS kunnen doen

Cascading Stylesheet:

@media screen and ... {
    @import snippet-1;
}
@media screen and ... {
    @import snippet-2;
}

o.i.d.

[Hero of Time]

Dat was een beetje mijn insteek, dat de media query om de snippet heen wordt gezet als je dat meegeeft als voorwaarde voor toepassen bij het inschakelen.