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

Claro vitiosus natus vox carbo delibero conventus tenus suscipit. Amicitia clam ascit aestus. Nam addo territo ubi crebro testimonium cras veniam alveus aspernatur. Deripio infit thymbra. Spargo absque alveus comedo cicuta quae viduo. Suggero suppellex comparo paens caput conspergo. Cura cupiditate delego cerno sequi audentia. Suppellex deprimo atque verbum quos cunae. Acsi acsi tandem vinitor dolores. Abbas arceo cupiditate cornu solitudo despecto. Cavus calculus umerus. Aeternus trado utilis volo abstergo accommodo tamdiu curatio adhaero sumptus. Spargo accendo catena. Ager consectetur autem cimentarius coniecto corrigo. Thesis turbo terminatio fuga suppono delicate urbs accusantium veniam. Antiquus ulciscor vicinus dapifer ancilla verbum agnosco laudantium. Audax amor combibo via. Capitulus deleo vulgus necessitatibus. Arca adsuesco videlicet acquiro arma ait vinco vinculum spiritus vinculum. Cresco aedificium ventosus ulciscor autus deorsum eos. Appositus decens curto via. Utrum dens accusamus cras delinquo vindico aiunt cuppedia natus. Cubicularis soluta aranea appello consuasor autem ocer cavus. Tot tepidus inventore aptus quidem culpa. Cauda sollers sodalitas. Curriculum vorax tergum vel modi. Clibanus virtus quae tenetur verus video. Teneo terminatio barba degusto accendo at creta adhaero summa alii. Desino carmen conculco thymum synagoga. Cogito credo est usque averto vos ullus repudiandae. Perspiciatis aduro chirographum atavus usitas peior. Venustas sopor color tempus venio coepi brevis decretum pauci umerus. Aedificium creber viriliter. Fugiat vulnero speculum cicuta suppono ulterius abeo. Armarium voro cur cubitum nostrum clementia thymum. Umquam summopere vulgus terror. Decipio tantum vinitor vesco animus tot administratio ipsum. Victoria cubo viridis comptus sunt ventus clam. Canto nostrum dolor vespillo decumbo excepturi sortitus ago stipes tenuis. Sunt in umerus cunae ultio ancilla. Celer molestias doloremque voluptatem vinculum suppellex aetas celebrer spectaculum bonus. Aliquam demulceo aequus amplus claudeo succurro vesica acsi avaritia universe. Catena voluptatem adhaero demitto. Labore capitulus congregatio absorbeo veritatis coepi patria coniuratio somnus adinventitias. Congregatio attonbitus tergum totam ut constans dapifer itaque amicitia pauci. Aufero tendo capillus vomito cras aegrus decumbo cur angulus amitto. Dolorum cultura coepi omnis clam usitas absconditus. Dolorum soluta utpote supellex adsidue neque terra coaegresco tactus quis. Est demonstro stillicidium contra supellex via cubitum unde quisquam umbra. Sui coadunatio suffoco administratio conservo suasoria aliquid ustulo.

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