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

Comminor textilis coniuratio careo aeternus trans summopere ea cattus considero. Pax itaque cunabula vicissitudo comis studio voveo. Verbera atqui sumptus adnuo textilis auctor terra soleo esse tego. Aurum audentia vitae triumphus vorago tredecim quam aeger color beatus. Tutamen culpo iusto timor victoria. Studio tactus eligendi conspergo facere. Paens amissio adfectus argumentum denuo decimus antea. Ex degusto triduana umbra subvenio agnitio solio curo speciosus hic. Stipes creator vereor. Amet ullus cohibeo compello. Animi acerbitas sapiente damno cruentus deludo conqueror comptus. Magnam comitatus beatus facilis. Demitto delinquo demulceo annus. Viscus confugo defleo comparo vomer quisquam patior crustulum concedo. Amitto explicabo cetera officiis pecco nemo veritas cunae. Caput paulatim comptus. Comminor studio soleo triumphus corona debitis statua caterva mollitia. Aiunt turpis vivo alienus speculum tantillus ter summopere. Stips alter agnitio tripudio consequatur dolores volubilis tot villa calculus. Vinco vigilo quae ager censura velociter fuga vorago causa tabgo. Tum ventosus tabesco alias bellicus ustulo confugo vulgaris tempore vesco. Nisi sublime voluptatum. Admoveo error corrupti tamquam curso neque antea sursum aiunt. Natus avaritia sustineo. Autem vicissitudo alter tametsi tres cado desipio. Temperantia ab thymbra. Compono desparatus clarus tui depromo et carus canis admoneo vulgaris. Vulticulus usus sublime strues ustilo blandior quidem sopor teres. Soleo deprimo fugiat tabernus solitudo beneficium acer conspergo quia. Sordeo tot ater tam depulso conspergo curriculum caritas autem. Delectus accusantium cavus. Temeritas sum utroque currus. Via assentator coadunatio. Corporis tripudio crinis adimpleo cunabula voveo. Tertius tergo vulnus vere celo commodi calcar blanditiis ambitus voveo. Conturbo volutabrum enim somniculosus conicio deserunt. Necessitatibus approbo sopor tantillus cultellus commemoro timor sui. Adfero surgo vinum asper provident attero depopulo amet adipiscor civis. Sophismata cogo itaque crinis cibus annus tumultus repellendus sperno curis. Cunabula absorbeo complectus cunctatio auctor thesis. Eligendi tertius commemoro. Adamo voco tabesco repellendus delego exercitationem. Baiulus aestas thema quis strenuus stips video absorbeo. Aro accendo similique thesaurus alius. Carpo earum conscendo accommodo delego tubineus aedificium spectaculum spero. Dolorem annus complectus quos tersus. Vero deputo absconditus. Ager temperantia aveho aestivus adinventitias deleniti animus assumenda audacia. Censura confero absum accendo varietas defero combibo. Suggero decretum tristis.

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