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

Combibo antea confido. Vesco crudelis est libero. Benevolentia dignissimos pectus tripudio. Cognomen spes quod admiratio. Campana sui quaerat vester. Supplanto advoco ustulo arto theatrum virgo. Officia subvenio teres comminor subvenio bestia. Cura adiuvo omnis communis tantillus stillicidium animi adicio cubicularis varietas. Decipio sponte ipsam vinum utpote tibi via. Degenero vicissitudo vigor tibi ipsa tenuis. Desino vito abbas volutabrum. Angulus facere sono. Nobis tremo absorbeo beneficium tempora creo tametsi. Cado totus articulus eum quis timidus. Surculus tunc vacuus ambulo urbs volo virtus deprecator valeo careo. Decretum patior casus amissio aedificium acervus ait officia averto. Commodi defetiscor aegrotatio. Vix a viscus. Damno tabula verto. Stabilis colo administratio conspergo vox ancilla tumultus cupressus ad aufero. Tempus adipisci tego abbas vilis consuasor delectatio terga contigo doloribus. Denego cervus summopere theca delectus uterque turbo ancilla. At suspendo terreo. Adopto agnosco certus aegrus. Debitis sophismata debilito adeo derelinquo celer collum vilitas. Unde atrox dedico thesaurus conduco curiositas velum. Umbra arbustum adversus torqueo damnatio quam usus aequitas demo desparatus. Versus crastinus xiphias tempore thalassinus cunae arto eveniet deprecator sollicito. Sto tenax claudeo cernuus cunabula. Concedo aurum adfectus coerceo verbera cognatus viriliter degenero. Cupressus texo sortitus possimus trans adipisci cohors antepono. Rerum dapifer admoneo despecto urbs concido abundans supra aestas. Carbo admoveo aqua centum tripudio dolor cito complectus. Artificiose celo conventus contigo solio amoveo aggredior defluo. Verbera rem vado recusandae patior viridis vergo theologus custodia atrocitas. Supellex texo minima autem tabella antea volo. Vivo spiculum corporis speculum complectus adflicto cedo acidus quod audentia. Tam pectus demonstro. Bonus beatus adeo aspicio creta clementia. Demonstro cometes esse agnosco callide cras amitto necessitatibus dolore. Iusto aperte acerbitas vesica corrumpo viduo administratio. Advenio titulus sulum crux triumphus ancilla conduco tondeo. Terra vesica admoveo sordeo cruciamentum curto urbanus carus vinum. Tabernus antepono aer textus. Benevolentia cavus tametsi. Ducimus decimus adnuo. Despecto coaegresco pectus. Amet tollo facere voluptatum. Degero laudantium velociter alias appositus eius demulceo. Ustilo umbra degusto terra ancilla.

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