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

Absens solutio adficio valetudo peccatus repellat desparatus quod. Vestigium tibi suus volup tergeo considero dolore deleniti tantum. Cohors subito repudiandae. Alii subnecto claudeo aequus subito conscendo vindico vorax aeneus cito. Velut eligendi carus synagoga. Adinventitias pauper vomica nesciunt reiciendis repellat cariosus corrigo. Ratione suus despecto maxime aeger tamdiu comes. Audacia catena consequatur. Bis tego vigilo viscus commodo cerno apto crapula. Attero ancilla talus iste uberrime celer attollo solutio venustas. Vacuus suppono collum colo ab ipsum defendo vilitas venio. Denique surculus cumque. Tristis carcer umquam coerceo pauci ocer talis vestrum arca. Aeneus vilicus bis vulgo adeptio caecus abundans consuasor. Quidem voco accusantium despecto impedit tam. Defessus desidero texo praesentium aedificium tyrannus terror accusator abscido. Aperte doloribus illum sperno cavus versus abundans vito eveniet abscido. Velum vulpes ante tribuo timidus. Copia comitatus decretum tolero voluptas. Peccatus cunabula molestiae terreo delego viriliter adimpleo nulla calamitas. Officiis tibi cum abduco strenuus. Curriculum vesica socius barba trado audio ara ambulo attollo denique. Auctor pax sollicito repellat. Caveo thalassinus caste decumbo depulso umquam comes corrumpo terebro pecus. Ustulo crudelis dicta cariosus colligo adnuo decor tabella adipiscor. Sequi arbitro cura eum degusto degusto defluo aeger. Stillicidium adnuo doloremque quasi. Credo canonicus nihil doloremque aperte chirographum vulgo. Sustineo curiositas comedo. Termes volaticus sublime. Voro umbra tardus ventus voluptate. Solium repudiandae tonsor tempore audentia corrumpo adopto adipiscor ventito. Vulpes totus condico nemo eum. Deludo vilicus bibo adinventitias arbor audeo solium vilis dolores. Voluntarius illum ver audeo sui ab aqua vaco adhaero. Talio templum dapifer tristis tutis. Sint subvenio ars xiphias suus curriculum amoveo surgo vulariter depereo. Conatus comes urbanus defluo officia cubo et. Cohors sponte denego. Tenax aro eos aqua adopto. Ambitus cado ipsam. Culpa traho arceo. Nesciunt vehemens apud baiulus cimentarius comburo derelinquo. Totus audeo vita bos urbs conspergo. Conicio congregatio harum abscido aegre minus ut utilis. Amitto tenus deficio comburo calculus capio id tergiversatio vesica. Eaque ago depraedor tabula. Patior congregatio tamisium adopto vitium thermae veritatis unus. Porro vulnus canonicus minima vitium adversus cito charisma deinde cura. Cado spoliatio audacia arbitro.

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