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.
stylable

Funktioner

kategorier

Alternativ till Stylable för Self-Hosted

Bulma

Bulma

Ett modernt CSS-ramverk baserat på Flexbox.
Spectre.css

Spectre.css

Lätt, lyhörd och modern CSS-ram för snabbare och utbyggbar utveckling.
Picnic CSS

Picnic CSS

Packa upp din måltid och få kodning.Ett invasivt CSS-bibliotek för att få din stil igång.
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juiced har många av samma layoutfunktioner som du känner och älskar, men förbättrar dem med bättre mobilinriktning, anpassad kolumnbeställning, bättre justeringsalternativ ...
Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System

Frow är ett HTML- och CSS-ramverk för att skapa snabba, responsiva, mobil-första projekt på webben.
Structure (a declarative Flexbox based Grid Framework)

Structure (a declarative Flexbox based Grid Framework)

Struktur är ett deklarativt, Flexbox-baserat rutnät.Struktur definierar layout med hjälp av icke-standardattribut på element.
Axis

Axis

Stram, modulär och kraftfull css-bibliotek.