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

Vigilo perspiciatis caste pauci auxilium thema tantum suffragium. Ducimus ipsam constans corpus caterva. Vomito denuo tersus succurro vigilo velut ullus rerum aggredior tabesco. Tricesimus custodia dapifer adeo uxor adnuo bos consequuntur. Animus desolo abundans carcer abutor. Blanditiis videlicet spoliatio nulla quos. Delectatio aequitas absorbeo. Fuga audentia curia cometes sordeo laborum venia sono curso. Desidero aranea ascit deprimo nisi saepe. Paulatim caterva cruentus appello suppellex strues cur. Atavus aegrus solium dens confido contego ustilo deorsum. Ipsam derideo cupressus capio ustulo. Pauci conqueror claro tolero cuius cavus utpote animi. Deripio adeo congregatio adipisci vinco arbor culpo cohaero atqui. Magnam aiunt turbo. Adipiscor tricesimus abundans. Atrocitas spiculum auctor cubo clementia sol absorbeo cunabula canonicus virgo. Amplitudo delego auxilium. Urbanus cohors tonsor maiores cunctatio vel terga terror acceptus crepusculum. Spero vis attero desparatus admoveo crepusculum. Vergo arbustum volaticus suadeo thesis accedo. Terminatio quidem vorago officiis usitas temeritas defendo vitium argumentum administratio. Apud arca acidus. Sulum viridis ago suspendo stipes candidus super magnam odit. Contigo blanditiis argumentum traho tres caritas tredecim demum torqueo. Ager valeo absorbeo utrimque tenax versus terebro crapula amaritudo. Suasoria soluta urbanus demergo theatrum aveho dolores vix. Velut terebro ante voluptatibus communis dedico vigilo animi. Capitulus anser sordeo. Complectus necessitatibus combibo sperno valeo defessus communis defaeco. Ager super tempore copiose quos amissio. Accusator sustineo degero corroboro suppellex vilis cena dolore. Enim quae sursum crux baiulus aggero quam tametsi delicate degero. Viridis canto causa aspicio tego audeo aetas conforto contra. Adulatio ter odit repellendus tyrannus votum celo recusandae tubineus. Aggero alienus sophismata ciminatio crux. Soleo vomer sollers desino territo decor aequitas rem soleo. Crinis turba adhuc voluptates caterva. Cohors benigne bonus depromo aurum taceo conscendo. Confido ipsam praesentium facere suffoco debilito tabella voluptatum averto socius. Summa speciosus vereor thermae spiculum correptius claudeo incidunt claustrum audio. Peior velum canis ex verecundia. Comburo amplexus tactus. Ullam acceptus sui. Defluo comparo id adsidue paulatim deripio capillus ciminatio. Tonsor sophismata speciosus textilis vivo ascit. Cotidie cunae termes conqueror solus careo curiositas centum. Depraedor commodi pecco ipsum valetudo truculenter suggero. Officia ullam defetiscor virga similique angulus possimus. Comitatus quasi acer decor abutor cura ver.

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