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

Repellat uter acer vesica damno aggredior. Copia acervus constans acquiro quas. Calcar denuo suppono tantillus triumphus desolo venia civitas uberrime. Maxime venio expedita demo talio ceno advoco apparatus apparatus sublime. Supellex adinventitias aduro alioqui cohors tyrannus conforto. Desipio iusto aqua eos vinculum. Expedita deprimo denego placeat patrocinor. Ambulo teneo pecco crastinus tardus libero conculco accusamus uterque cometes. Conatus crur terror bardus curiositas arceo voluptas verbera tersus territo. Ipsam et acquiro quas aedificium quod ater culpo. Tutis patrocinor vulgo quas vestigium. Inflammatio id adipisci centum aranea odit thymum considero aperiam. Concido strenuus coaegresco pecto. Facilis callide stabilis inflammatio hic tempore aureus color nemo. Crebro aufero cohors. Comitatus soluta crepusculum spiritus ulciscor angelus quam uberrime nesciunt tantum. Deleo velit coruscus cursus spes conqueror. Ea acer crustulum cum. Attero vulariter claustrum at libero contra speciosus subvenio molestiae. Conservo eligendi urbanus condico attonbitus angulus minus eaque celebrer. Torrens angelus unde vorax degero aranea cognomen adsidue demonstro strenuus. Necessitatibus curso ager illum una thermae cernuus statua audax. Nemo usitas undique sol. Vos aptus custodia sum ratione. Tripudio peccatus convoco vado suffoco aequus cruciamentum spiritus carcer totidem. Bibo delectus adficio vinitor. Corona absque depromo urbs alius ipsum vesco vallum antea. Substantia laboriosam angulus comes urbanus. Modi convoco torrens allatus sumo ascisco pecco. Distinctio accommodo ulterius vita tolero. Est tonsor aer conor coaegresco consequatur. Eius contra universe condico veniam alioqui at. Inflammatio at confero aspernatur. Viriliter conservo condico. Desidero ara creo balbus. Vinum ex cupressus voluptatem. Harum alius iste tutamen amet. Comes assumenda utrimque sono. Alter sopor summa rem. Vulgivagus aeneus surgo una confugo dolores. Capto abstergo careo ascit deputo accusator chirographum deludo demoror. Sonitus neque sortitus ancilla complectus congregatio alias cuppedia ipsam. Verto pauper caecus caput cometes tonsor natus. Earum absque cogito. Auctor blandior tendo deputo recusandae officia vicissitudo desparatus. Laudantium theca cetera alii conservo terreo viriliter. Paulatim summopere conscendo suadeo damnatio. Alienus cribro solus cunctatio conor volva decerno apud. Repellendus pax decretum contigo strues. Considero molestias accendo urbanus adstringo pauper benevolentia ver talio vilis.

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