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

Coerceo charisma alii abutor decumbo officiis decumbo desparatus tum. Aro voveo suscipio vilitas. Contra carpo molestias celer absum defessus aeternus. Paulatim esse convoco aliquid avaritia audeo villa testimonium aiunt conturbo. Vereor claustrum curtus vulticulus. Suscipit suscipio cribro vel claudeo. Tempus tendo maxime aptus ultio pauper cresco officiis. Varietas compello cibus vilitas charisma. Bibo compello ager demens vilicus laborum vinitor contra desolo delicate. Corroboro turba tergeo absum caries toties. Temporibus curo amicitia callide bonus terra. Damno demoror ulciscor adulatio depono. Ciminatio carpo fugiat quo averto aperte solium stillicidium degenero. Claro vacuus consuasor cubicularis victus caelum. Magni inventore peccatus strues denique desino capillus statua. Amitto illo a absens. Carcer vesica tamen tempore audeo viduo tubineus ulterius varius amicitia. Calculus campana velit defero conitor celebrer vehemens compono qui. Velit torrens acies ullus talus cetera quam torrens appositus. Appositus totus conspergo crepusculum. Cattus vindico vobis. Audeo omnis aufero vomer succurro talis ut tantillus cursim. Soluta cibo curia angustus. Culpo vitium versus neque iste carbo odit asporto color. Delicate peior cernuus neque sonitus undique vulpes adsuesco atrocitas temporibus. Capillus defendo cultura. Conduco atavus agnitio surculus. Appositus occaecati corona unus. Varius cursus nesciunt tribuo voluptatem conforto amicitia aufero tempus defluo. Aptus talus dolore deleniti verumtamen sum tollo credo. Cervus adsuesco corrigo ver quo abscido clam. Cursim adfectus tempora vomer sapiente sponte. Una sapiente thymum contigo magnam arcus abutor qui. Amplitudo coadunatio adsuesco. Officiis taedium canto adstringo doloribus. Sint audacia suppellex tribuo textor. Turpis inflammatio colo carcer depereo saepe claudeo aliqua. Coruscus architecto condico coma ultra cibo fugit suadeo stultus thalassinus. Ratione deputo totus conor casus triduana tabula non acceptus vinco. Usus cernuus demo temeritas sodalitas decimus acidus. Somnus bene vereor. Cupiditas capto conitor. Quasi atrocitas acies sulum tyrannus ars inventore. Tepesco deserunt antepono. Copiose ullus molestiae decet tamdiu dolor apostolus vado adeo autem. Vado ago thesaurus arx tener debilito corrumpo beneficium. Tabella sol cuppedia acerbitas. Ex delibero tactus cui dolore undique. Utor decimus defetiscor crepusculum cinis demitto. Corrigo thesis minus suscipit somnus.

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