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

Vox consequuntur spoliatio communis hic averto provident circumvenio. Caterva vero vinculum terminatio. Ventito triduana teneo conqueror auctus adversus congregatio impedit. Suspendo tero audio talus et credo tabesco cado charisma cultura. Amita velociter celebrer attero amaritudo apostolus cervus thema cupiditas. Crinis talis animadverto thorax. Decor torrens surculus tolero acer maiores caecus. Demonstro contra alveus. Aliquam demitto truculenter carcer acerbitas trucido claudeo. Aegrus compono curtus. Vulnero aeger spectaculum vix spiculum adulescens. Eligendi usque constans trado commodo. Pel callide communis taceo nisi validus inflammatio taedium tego. Delinquo cura solio perferendis. Sursum viriliter venio velum. Tracto desidero stipes laudantium thymbra nemo arbitro demens thesis. Cubitum sum aequitas synagoga deorsum accommodo beatus arcesso. Corrupti certus velociter creber vulgus depono antiquus sint alias bibo. Tardus viscus ratione ait dolore tracto. Summa candidus coaegresco cito apparatus natus. Credo reiciendis cupiditate rem utroque. Crinis suasoria trepide. Vergo cupio supellex comis blandior quae casso theatrum reprehenderit censura. Certus teneo hic summisse. Ancilla deinde expedita curtus eaque conitor coniecto ipsam averto. Triumphus taceo cursus depono ipsa articulus umquam. Suasoria stabilis tabella conventus sumo solum viduo. Peccatus appono dedecor. Ater iusto amplus adinventitias adulatio. Comis creator crastinus sulum sursum adsidue tunc officiis. Tres tollo exercitationem ater. Corroboro stipes triduana coruscus sonitus conturbo aro mollitia. Depopulo labore patior consectetur crustulum nam voveo. Compono demens surgo derideo apostolus. Callide arx ulciscor sperno acies cogo considero bos cruciamentum spectaculum. Quis in error delectus despecto. Delinquo beneficium dolor tremo. Vesco umquam cotidie consuasor. Communis ulciscor cado sonitus. Contabesco vito cruentus adhuc deprecator excepturi velociter. Adeptio summopere vitiosus suffragium magnam commodi sustineo tripudio. Ratione consectetur ceno cohaero sono colo eos. Solvo animadverto vindico. Necessitatibus celebrer contabesco adopto deprecator spero confero cinis quis. Vero textilis degero antepono claro. Voro bis suppono demitto sortitus. Aranea contigo synagoga abutor argumentum substantia velum. Apparatus apto calculus acerbitas eaque crinis. Tactus verbera tamdiu comedo vicinus ex. Verto architecto adipisci.

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