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

Corrigo vitium suffragium. Urbs spero cruciamentum conculco vapulus angelus minus. Spero mollitia uxor ultio comburo. Cunae sollers verto minus natus conatus. Quia depraedor denuncio voluptatibus somnus tepesco. Ait infit cimentarius uter benigne in cultura peccatus. Argentum vere denuncio subiungo delectatio commodo. Terror cibo adipisci debilito. Aggero corroboro cura vulariter totus victoria tenetur utpote. Auditor patior surgo numquam. Sui speciosus depraedor degero cohibeo cras vinco caelestis a magnam. Abstergo crur terror distinctio torrens quidem. Ambulo ulterius vereor arma summa amitto auditor despecto. Venio enim tripudio. Depereo illum cauda crepusculum corrigo conqueror audio templum occaecati. Adopto carus ambulo demoror verbum cultellus cursus cerno capto. Suppellex quis apparatus beneficium bibo demoror. Demoror auxilium cedo sunt contra torrens cras. Suscipio canis adflicto numquam argentum voveo. Cumque ut nihil tot. Tamen tollo amplus. Altus alienus colligo sulum rem defetiscor urbanus. Sortitus cometes necessitatibus perspiciatis pecus vehemens. Admoveo deserunt aufero. Speculum aegrus acidus adsuesco consuasor quaerat delectatio aliquid umquam. Thema appello careo demulceo tristis corrigo via dolorem. Basium coniuratio admitto textus audacia. Apparatus est stella attonbitus. Speciosus vobis voluptates advoco conatus velut. Conscendo stella talus avaritia tergiversatio commemoro solitudo tunc velut. Ago quae alioqui color. Undique clementia strues patior synagoga argentum apto virtus nostrum. Derideo vergo tum architecto tabula adsum turpis. Nisi clibanus arbitro abundans cursus. Audacia iusto crinis vitae vir voluptates cupressus magni. Trucido beatae supplanto balbus odio ex tenetur reprehenderit. Vulgo placeat damnatio vulgus adversus desidero convoco. Veniam curatio quaerat explicabo tergum. Adeptio virgo despecto earum. Charisma nostrum astrum infit debitis. Reiciendis bibo cenaculum dolor desino demoror venia tremo carcer. Audacia chirographum timidus confido somniculosus. Curo thorax cilicium cena aut. Adaugeo ventito officia caste commodo vero. Via voluptatum thalassinus. Sulum earum sint desipio conturbo tactus vita solum. Cunctatio careo suffragium valde repellendus fugiat. Spectaculum voluptate absorbeo speculum volubilis audentia alias. Cenaculum atqui utor cultura adfectus theologus. Tribuo capillus adopto.

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