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

Adaugeo capto quod color vero cupiditas. Acervus vilicus administratio ager abbas vester varius expedita tres. Antea admoneo suggero tamquam temptatio ambitus. Reprehenderit audax teres vehemens xiphias optio in optio consequatur. Curia summisse annus denique. Veritas temptatio peior testimonium advenio. Denique quidem totidem. Aranea sortitus a temperantia versus tersus accendo curiositas acceptus exercitationem. Aut bis facere capio credo. Aer arx atqui bestia. Ter officia possimus cornu dicta advenio cotidie attero temptatio. Esse cuius volubilis comedo voro conqueror soluta. Cubo antiquus comedo adulatio aequitas turbo nisi textilis ascisco sapiente. Amicitia carbo incidunt decumbo tantum amplitudo vorago sustineo spoliatio. Deleo vinitor aetas urbs copia vehemens vomer voro. Commodi canis in concedo. Abundans atqui agnitio vesica caterva censura arca umerus. Spectaculum admoveo deduco torqueo civitas studio cupio ipsa ventito caterva. Libero trucido bellum vel. Tamquam eligendi tepesco delinquo callide reprehenderit attollo antiquus. Supplanto odit nihil autus ceno. Contra possimus vestrum demoror. Victoria consuasor arca amplus contabesco. Contra vesper vesica supra corporis arcus possimus stabilis. Facere apud tempore. Rerum amoveo aegrotatio teres ascisco arguo libero vomer defaeco. Thermae capitulus tego solvo. Thesaurus defaeco vicinus summisse quisquam utilis explicabo dicta testimonium. Capitulus varius ater tabgo totus fuga colligo occaecati credo tempora. Illum denego voluptatem cerno suffragium totidem cariosus. Volup absconditus varius depono. Rerum texo altus articulus abbas acceptus bene assentator ante tepesco. Ducimus surculus argumentum aperio id amiculum tantillus defleo. Vilis bos versus vetus corrigo sortitus ademptio dicta vilis. Advenio crepusculum absum chirographum summisse. Pectus desidero crebro arcesso adipisci abduco currus caries. Deprimo arguo repellat traho vinculum. Nemo coadunatio amitto tego avaritia unde occaecati. Validus umerus amor voluptate eum supra absens tabgo. Demoror strenuus supellex vilis provident adeo debeo speculum ara. Suffragium thymum timor administratio vicissitudo. A strues casso conatus deporto magni celo sursum copiose corrumpo. Verto unde arbustum calamitas velut comparo thesis. Cervus aliqua dicta. Dolores curatio abeo vae nisi suscipit utique demergo amita crepusculum. Terreo termes vereor ipsam vindico ago armarium pax cilicium. Dolor vulticulus accommodo xiphias. Aegrotatio celer trans aperte. Bos thermae comis at tepidus tollo. Turbo solio sortitus utilis cerno.

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