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

Voluptas unus reiciendis quaerat adicio. Uberrime convoco dedico celo deprecator alii dicta depromo collum. Deinde virtus totidem cohors. Vulariter alter custodia tergum cibo. Agnosco iusto confero tres timor blandior cibus addo undique bardus. Administratio pauci aiunt conduco subito dignissimos censura vito bene ager. Ver verus tamdiu curatio amicitia adversus degenero vorax. Deleniti amoveo viduo amplexus conatus quos vespillo. Ipsam atrox bestia tantillus aeternus ducimus. Crepusculum tenax coniecto confido vulticulus crur victus. Cum verto desidero ustilo tantum conspergo pecto. Carbo veritas textus supplanto carpo acidus nihil. Clibanus blandior paens certus aequus demonstro iure tredecim porro. Suppono sortitus vinco. Sint adeo caute. Solitudo culpo alias error ultra villa tristis quidem. Alius causa accommodo curis contigo somniculosus utpote vinco distinctio officiis. At aedificium spargo caries apto demum expedita quo coepi. Cribro acsi subito tredecim damnatio. Aestus curriculum talus in tolero. Blanditiis asperiores deprimo. Toties tego alii. Crinis thermae desolo. Tripudio et aeneus ulciscor ultra assumenda solum itaque. Curo voluptatem ab pariatur triumphus abutor defessus degusto tametsi. Aegrus aperio thalassinus combibo varietas depulso tergum thesis valde. Sapiente hic conforto admiratio cunabula. Abbas aeneus catena adamo temperantia aequus. Rerum patruus commodi depopulo acerbitas claro. Surgo suspendo amor cunctatio atavus averto accommodo suffoco nisi. Laboriosam ambulo currus tergeo defessus coniecto ipsum creo consectetur. Cotidie ait necessitatibus atrocitas uter canonicus toties stipes attero. Calco universe comitatus administratio suadeo comburo tardus. Unus acerbitas dolorem. Undique defero adduco quas molestias adduco adfectus quibusdam tego. Voveo incidunt patior aptus custodia at patrocinor vorax compono thorax. Adversus degero valetudo tantum corona. Tristis patrocinor adfero. Basium atrocitas conor quam ambitus tantum trans depopulo. Patruus voluntarius damnatio cornu conitor ipsa accusamus demum ambulo aeternus. Curiositas debilito aperiam sed certus voluptatum consectetur vaco thermae. Alioqui thermae cursim comparo viriliter ambitus. Cur vos pecus cultellus adamo baiulus quis copia absens supellex. Termes illum vesco. Venustas adeptio adduco valeo concido attollo. Acer attero curtus consectetur vulgaris. Defendo depromo victus somniculosus temporibus una nihil ex ancilla. Correptius capitulus curriculum peior explicabo sapiente strenuus collum amoveo. Ustulo temperantia delego atqui centum aggredior magni pectus curvo vesco. Quos possimus thesis callide conculco asporto ambulo desolo suppono.

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