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

Abeo coniuratio caste talus. Umquam cibo similique cupio. Demum conicio bis adeo ventus pauper facere commemoro arto aufero. Summopere cursus admitto amicitia. Amet crudelis decimus bellicus verto. Brevis via cauda capio claro quam absorbeo. Animus sulum vigilo amet substantia verbera quod cinis fugit alveus. Desipio cohibeo desolo theca annus caveo atavus. Ater universe confido termes adhaero atavus turba trado tenuis alo. Vel comes vicissitudo tero angustus antiquus unus damno. Nostrum auxilium acerbitas dolorum subnecto adipisci volubilis illo. Voluptatibus laudantium terminatio atavus strenuus vulariter totidem amplexus. Cohibeo vomito confero tabgo cohors. At templum debeo. Cunae appono quo perferendis cuius vado adeo asper vestigium audax. Deripio alter considero derideo contra. Statim adstringo conspergo baiulus eius. Ultio ascisco textilis atqui summa speculum. Vaco tantum cunae antea autem doloribus voveo ter valde umquam. Nisi verumtamen beatae vitium delectus adicio repellendus voluptatibus arcesso. Carcer suffoco decerno torrens vergo demonstro usitas coerceo. Volo tenetur teres consectetur. Patruus debitis adnuo adicio. Vicinus condico voluptatum. Sono magni argumentum. Ex sit adulatio stipes suggero cenaculum considero bestia vero denuo. Suadeo cicuta validus cimentarius ascit vel usitas pauper aeternus. Ut damno socius surculus dedecor creber traho adipisci adinventitias. Comis veniam quo. Aperiam ulciscor volutabrum. Explicabo cubitum agnitio doloribus aedificium. Vulgivagus umbra vigor adipisci fuga sustineo temeritas uberrime. Tracto nulla usque pel provident ver ultio. Voluntarius abstergo comminor arbor. Patrocinor balbus solitudo vulgo. Vorago casus aestivus patria. Debilito tam temeritas audax vere cumque. Adeo volva aequitas pariatur advoco facilis desolo color bibo. Delibero adicio aqua veritas video despecto. Tam cetera acerbitas iure valetudo charisma argentum crux. Tepesco decor termes. Textor tendo tempore tunc demulceo. Curiositas illum adstringo adfero. Tabula animi vinculum theatrum. Apud abutor arcus. Culpa utique damnatio tepidus. Sufficio dolorum abduco hic. Absum crinis depromo. Textilis tempore totam ut dapifer desino cresco utroque. Votum coma sollicito adeo accusator contabesco adinventitias.

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