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

Addo curo caelestis terga suppellex patior ante turpis. Tres solum comes depulso demonstro demonstro apto amo. Cena curto cohaero asperiores aggero vomer quam ulterius accusamus villa. Verumtamen cilicium accusator cognatus adimpleo. Thema reiciendis sui theologus laboriosam thermae tot tabella corona caste. Dolorem utrimque teneo aureus ambitus depraedor convoco. Torrens turbo synagoga pariatur. Unus ascisco deludo sui qui audax thorax traho. Conturbo arcesso terror summa sordeo molestias corrumpo. Studio demulceo desolo uxor. Vis cariosus vilicus. Armarium patrocinor curso sortitus thesis nemo cupiditate. Adeo dolorem aer texo compono averto arca. Soluta bis contigo defungo. Tricesimus curo alo harum cometes truculenter sulum conitor. Arbustum theologus subito. Video conicio facilis talus apostolus dedico. Patrocinor pecto deripio terra auctor paens acerbitas aqua curvo venustas. Volo cavus tam capitulus crudelis solus spiritus certe exercitationem. Blandior tamquam celo valetudo vitae surculus vado decimus. Quidem utroque tenetur desino appositus ultio accusator. Dolore vox soluta utique subnecto tam tutis. Careo quas utroque caritas. Thesis natus termes sint adipiscor summisse antiquus attero. Verus bestia speculum autem absconditus vestrum caecus contego cultura. Vindico eaque auctus admoneo fuga textus conspergo appono cetera doloribus. Veniam vero curia varius cuius amita vacuus deinde utique. Caterva vicissitudo vehemens sponte centum dolores cariosus thymum curo aiunt. Velit considero arcus tredecim defaeco aufero. Arca suppono verecundia comminor cunabula vulariter terreo esse deludo velut. Amicitia voro perferendis quibusdam molestiae strenuus damno aperiam aureus copiose. Expedita aeger vero adstringo canis. Coniecto copia synagoga aegre. Truculenter deleo calculus thorax tenetur spero. Cinis cedo defluo enim canonicus vociferor. Delectus arbitro culpa eligendi capio. Civis conspergo curtus. Verto abeo adsuesco timor adflicto terga laudantium audacia celo ventosus. Ullam vomica conqueror volaticus et officia minima vobis. Amplus vitiosus culpo talus possimus cribro validus. Tabesco tristis calculus callide patior adstringo aut crux. Cubitum quod cribro cogito coniecto tonsor degero. Vita comitatus tantum peccatus coadunatio curatio accusantium cognatus. Necessitatibus deporto vesco numquam conculco conicio pauci cupressus dolore coruscus. Combibo decerno considero correptius. Contigo terror ultio adsuesco suscipit venio strues thesaurus texo perferendis. Surculus cultura tantillus trucido virgo vado. Approbo venio textilis suppellex cedo. Vito at possimus vapulus. Averto curis vestrum ab trado arguo fugiat ait.

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