Tailwind

Core

Provides a variety of globally scoped styles.

Source Page Source

Body Background

Your app's background is automatically set via a design token class. Adjust your theme's color scheme to customize. This affects both light and dark mode.

css 
body { @apply bg-surface-50-900-token; }

Selection

Selection color is also set via a token class. Try selecting the text in the card element below to preview this styling. Notice how selection color changes depending on the background.

The quick brown fox jumps over the lazy dog.

Try selecting the text above.

Mobile Focus

Interactive elements on mobile will briefly show a focus style when touched. Skeleton adjusts the coloring.

Scrollbars

Skeleton automatically provides custom scrollbar styles in supported browsers. Use .hide-scrollbar to disable scrollbars.

Test Scrolling Here

Corrumpo ipsa inventore arca crapula calco aperiam qui. Tergo benigne asper cibus rerum ex coaegresco. Spargo curto cotidie absorbeo calculus verumtamen repellat voluntarius casso ventito. Corrigo cicuta virtus virtus sodalitas. Clibanus corpus depopulo a dapifer bestia. Arto deinde spiritus tibi bellicus. Voluptatibus adimpleo adhuc apostolus tui odio in conor. Subnecto somnus temeritas volup consequuntur depraedor ad careo textilis celebrer. Aveho voluptatibus praesentium unus acceptus velit decretum. Abscido amaritudo dignissimos. Vulariter pariatur illum curiositas aqua vilitas. Vergo accendo balbus. Conatus summopere abbas statim callide demulceo vomito inflammatio coniuratio vesco. Ventito sunt curso vesica synagoga depopulo circumvenio optio caritas. Inventore aranea carpo audacia. Abscido vita cupressus utique admoveo. Alveus accusantium aperio cultura tumultus verumtamen rerum. Talus amitto vomer. Terror cupressus sollers astrum caritas depono antea cunctatio caelum socius. Vesica deprecator facilis tenetur auxilium. Beatae defessus cursim coruscus deorsum. Damnatio defessus deleo vinco assentator ipsa statua impedit vespillo. Deripio unde comburo contabesco. Demulceo voluptatum argentum varius. Aduro creptio iusto aperiam tripudio. Aurum conventus conicio corrumpo vulticulus cura vulgivagus. Ulterius curiositas labore barba una cupio sodalitas patruus. Incidunt barba sustineo. Sopor accedo damnatio. Maxime aegrus sed cenaculum toties triduana ulciscor ocer optio theatrum. Benigne bos animadverto cui. Aedificium enim candidus arma deinde tribuo carcer cupio aetas attonbitus. Virtus casus crebro denuo quidem colo altus. Patruus vorax valeo tendo. Minus acsi arbustum viscus vallum facilis amplexus. Iste recusandae iste turbo. Coepi vomica vulariter cernuus. Tergum conicio demitto voluptates charisma. Advoco crebro ullam casus cognomen incidunt. Attonbitus tantum trans amaritudo. Vergo apparatus verecundia cunae curvo. Animus deleniti coepi cognomen varius. Utor depraedor aptus accusamus amo. Voluptate demulceo adinventitias impedit defaeco denuo cura. Assumenda uredo civitas arto abutor cognomen tam utrimque tempore antea. Umerus corrupti defaeco acidus. Deficio consectetur minus vomito culpa aiunt deleniti fugit. Supellex acquiro armarium coruscus arca claro tum provident. Dapifer tredecim anser adfectus usus vereor utrimque. Debeo adstringo beatae itaque temptatio tum ab umbra.

Dividers

Native hr horizontal rule elements respect your theme settings automatically. Use border size to adjust the width.

Divider Styling

Dividers may be dashed, dotted, or doubled.

Vertical Dividers

Divide columns with the .divider-vertical class. You can apply it with a span tag. Adjust the height as desired.

Left

Right