Stylable

Stylable

På Wix håller vi med.Vi?CSS.Det är enkel, deklarativ syntax som är ursprunglig i webbläsare är lätt det snabbaste sättet att lägga till stilar på webbsidor och webbappar.
På Wix håller vi med.Vi?CSS.Det är enkel, deklarativ syntax som är ursprunglig i webbläsare är lätt det snabbaste sättet att lägga till stilar på webbsidor och webbappar.Men när man skriver CSS som är avsedd för enskilda komponenter måste utvecklare behålla mycket specifika väljare med hjälp av utarbetade konventioner för att förfalska namnavstånd.Att skriva och underhålla CSS över stora team och stora projekt kan vara svårt.Vi vill förlänga CSS så att det är lättare att använda i ett komponentekosystem, men utan att förlora de aspekter av CSS som gör det bra: deklarativt, bekant, statiskt och snabbt.Så vi skapade Stylable.Stylable är en förbehandlare som låter dig skriva stilregler i CSS-syntax, med vissa tillägg som vi tror följer CSS-andan.Så vad gör Stylable?Med Stylable kan du bygga återanvändbara komponenter med hög prestanda.Varje komponent exponerar en stil-API som kartlägger sina interna delar så att du kan återanvända komponenter över lag utan att offra stylability.Omfångar stilar till komponenter så att de inte "läcker" och kolliderar med andra stilar.Aktiverar anpassade pseudoklasser och pseudo-element som abstraherar den interna strukturen för en komponent.Dessa kan sedan utformas externt.Du kan till exempel utforma etiketten inuti en knapp eller utforma uppspelningsknappen på en videospelare utanför dessa komponenter.Använder teman så att du kan tillämpa olika utseende och känsla över hela din webbapplikation, till exempel kan samma komponent använda ett Wix-tema eller ett Bootstrap-tema beroende på sidan.Vid byggtid konverterar preprocessorn Stylable CSS till platt, statisk, giltig, vanilj CSS som fungerar i webbläsare.Viva CSS, och välkomna Stylable.Vi hoppas att du gillar det.

Funktioner

kategorier

Alternativ till Stylable för Stylus

Axis

Axis

Stram, modulär och kraftfull css-bibliotek.