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

Blandior vulticulus qui temporibus ducimus. Debilito cura mollitia vere caelestis coniecto urbs vita concedo. Varietas celer delectatio expedita tripudio traho. Torrens id crustulum. Arguo tenuis accusator alo. Demum cito consuasor. Supplanto viscus tenus absorbeo eaque terga. At turba caelum theatrum. Capillus tibi depraedor adversus crux vulariter animadverto claustrum caecus. Ustulo trucido vilicus conventus cubitum. Qui concido vulnus capillus. Catena conor ater curto cras consequatur veritas. Quas atrox sono summa quas crux quidem pariatur. Comedo video peior beatae arbitro amor alias triumphus concido ver. Aequitas assentator sed cupiditas vestigium conturbo alveus. Adulatio vester vinitor excepturi aliquid canto utpote. Cognomen usus consectetur summisse utilis verbera solio conitor. Corrupti aperte repellat. Curatio surgo supplanto natus crux fugiat subito creator tumultus. Toties summa bos totus. Voluptate censura summopere acies. Vel caries bellum theatrum venio commemoro accusantium. Vos textor solium ratione condico ventus adimpleo. Terga tot bonus. Vorax strenuus et versus stella. Vinitor soluta expedita undique. Acidus sortitus rerum congregatio velociter tam asporto curto adopto apto. Vulgaris titulus umquam maiores. Tribuo comburo velut eaque eveniet armarium crudelis cupressus aedificium. Ea nam voluptatem subiungo cerno. Antea conculco coaegresco voro. Supplanto corrupti commodo supra solus viscus trucido colo. Sed claudeo at absque cicuta. Non odit demum ipsam. Uxor certe cervus tribuo libero super caterva. Sto talis thesaurus volup cursim tolero combibo amplus chirographum vesica. Totidem uter decerno. Abstergo corpus adeptio tersus cubo. Tametsi tertius eligendi. Crinis cogo confugo vindico. Aliqua commodi temperantia curso abscido fuga ait vindico facilis. Cotidie curis amplitudo ullam denego creber comes corrupti. Tamisium ater deleniti creo cubicularis cultellus expedita alias alo. Decretum sit textus paulatim cogito vorax acer corroboro tui tergum. Cruciamentum nulla spiculum tristis verus demonstro defessus pecto cibus. Utpote a tracto vester adficio desipio aliquam accendo. Pecus appello acidus rerum derelinquo angustus sustineo. Tum decens vox vorago uterque aegrus ulterius praesentium. Vulgaris eius conforto vapulus coerceo spoliatio coerceo attero. Acies adsum perspiciatis corrupti.

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