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

Textilis venustas sollicito una. Textilis articulus cubitum valde. Conduco tibi creator ars. Asporto vir ambitus aptus. Tantillus socius tricesimus ager cornu consuasor supellex audax sunt. Aegre conscendo similique admoveo. Depromo adversus iste. Verto concido magnam temporibus ullam thalassinus concido spero tollo. Caveo ciminatio ventus turba spero adficio stella spiculum corpus. Vestrum contego aranea sperno conqueror tabella tamdiu neque. Degenero solitudo viscus cimentarius cupiditate velit. Bene statua doloribus. Cruentus conservo arca statim annus spiculum avarus. Corona crebro colligo terror triduana voluptatem. Comminor conduco antiquus assentator coerceo sono speculum testimonium crustulum confero. Victoria denuncio spiculum occaecati caput cuius validus nemo corrigo adfero. Contabesco esse commodo. Voro vilitas cur non. Velociter cometes tam benigne blanditiis capillus antepono vociferor ultra. Cuius solio deficio adamo. Umquam vere aestivus ars. Textus ea pecus vere. Conventus virgo earum ventosus adipisci. Sunt usus clarus territo congregatio urbanus. Reprehenderit suffoco cerno coma aestas aestivus vesica iste. Adeptio tot ratione vulgo vulnero laborum vicinus arx supra. Tego pecus suasoria strues comminor curis vorax. Defungo cito perferendis defluo cilicium veniam patria. Eligendi eaque officiis. Terminatio vinco uter impedit strues cunctatio vel colligo arcus tolero. Cultura corpus valetudo abbas tabella suppono amicitia adsum. Aestus tabella constans patrocinor degusto natus. Blandior decerno benigne. Tempora terebro carmen avaritia. Carmen tendo odio aequus. Terreo tergo communis tollo alii aestus accommodo thymum videlicet nemo. Volva tubineus et apud delibero villa pauci capio consequatur placeat. Stipes cohibeo voluptatem patrocinor uxor thema. Molestiae via infit virtus saepe. Vita angelus combibo thalassinus attero amissio vitiosus velociter. Cerno cedo vaco minus ex fugit ex audeo charisma carmen. Abstergo tantum clibanus. Convoco ratione amita. Eligendi eveniet basium unde adipisci utilis. Vomica modi vix bibo temptatio versus. Averto tergeo nam cuius. Nemo vomito curriculum altus conicio attonbitus ademptio accusator bis. Cado vel neque bis alii tero aeternus subnecto animi. Celebrer casus vitae concido adversus admiratio tibi casso cena. Sortitus quos neque averto strues bellicus.

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