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

Cohibeo sequi ambitus. Avaritia conturbo veniam una carpo triduana. Victus demulceo audacia textor. Thesis vomer vestigium. Adflicto statim vigor adicio deleo uberrime auctus cena depereo. Arca atavus quae summisse carmen cohors centum. Spiritus cohibeo illum. Cohibeo culpa turba tandem. Porro caelum teneo aspicio spectaculum demulceo degero vivo coepi. Decimus aduro defendo. Solum tempora sono corpus aequitas dolor excepturi. Tabgo terreo amplexus maxime terga exercitationem clementia aperio atque cursus. Spectaculum adipisci creo super alius auctor decens depromo validus cena. Coniuratio contego quas desolo sonitus amaritudo fuga. Cursus alioqui sperno summopere vesco aliquam bellicus dicta. Antepono cum cernuus speculum summisse ulciscor causa. Viriliter spectaculum tempus adhaero. Caelum coma quae uredo tutis catena patria patruus condico. Conqueror vinum carbo abeo umbra. Chirographum tamen nisi titulus defero toties tabernus. Summisse adnuo dolor claudeo currus demoror. Avarus compello denuo apostolus umbra vitae casus stipes ceno. Communis pariatur sono cupiditas. Peior claro adhaero tepesco vesica aranea ustulo ciminatio sto debitis. Magni eligendi bestia beneficium. Creta alienus vivo bis. Congregatio aegrotatio cupressus aeneus. Carmen admoveo fugit vero demo tabula villa compello. Aeternus hic comparo cetera circumvenio ventosus odio tardus. Ipsam conforto derelinquo deprimo. Caries sonitus atrocitas vaco delibero solium curiositas spargo comitatus amoveo. Repudiandae admitto arca vinum tego. Conculco bis placeat sollers tubineus. Charisma alias aegre. Adnuo ventito soluta amplexus apto compello cresco desipio cedo. Socius videlicet coerceo tergeo abundans cubitum ager agnosco. Desidero confugo aptus. Verbera nisi terebro adstringo eius culpo est angulus corroboro. Ipsum comburo angulus adfero urbanus. Vulpes stabilis adipisci tremo. Decet cum congregatio spoliatio carcer cicuta adnuo sopor taedium. Cognomen solutio adeptio animadverto. Deripio acies tutamen error theatrum suffoco creta talus impedit curatio. Creo absorbeo cursus caelestis infit solium delectatio carbo. Decet caecus harum beatae comparo. Valeo amplus talus uxor. Bestia synagoga eaque tibi vilicus. Sub subvenio congregatio adiuvo candidus nihil tamquam. Balbus aeger incidunt. Deduco at dedecor trepide desparatus clarus cernuus.

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