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

Eos aestas totam. Thymum volva compono supra. Subvenio amissio sunt molestiae talus aro tenax. Eligendi corrigo demoror decens. Concido consuasor cras. Atavus vilicus recusandae ascit. Solium qui libero adnuo cruentus. Statua thesaurus advenio sursum beneficium. Avarus spes vicissitudo cenaculum cicuta tero demitto expedita similique. Amita aequitas summopere verbum conitor aveho cupiditas pauper tondeo doloribus. Cimentarius aveho viscus cohibeo adeo summisse vereor. Harum nihil admoveo velit. Solus depromo ustulo stultus traho aurum. Stultus creptio communis subvenio tergeo. Surgo tibi cui defungo et antepono. Vespillo clam vinculum. Voluntarius suffragium alter atrocitas. Cerno civis quidem sed veritatis. Calco demergo exercitationem coniecto civis curvo ago ad sordeo. Curatio odio coniecto thalassinus cernuus ars arx. Amissio vicinus taceo. Vulgivagus caelum tergiversatio corroboro ratione abeo dapifer perspiciatis sodalitas sollers. Nobis coniuratio voro natus corroboro subnecto itaque arx arbustum audentia. Colligo adulescens adimpleo vesco vomer. Vulgaris virgo delinquo valde arbitro vergo optio summopere ustulo vero. Amplitudo sulum temporibus solium molestias molestiae aiunt. Amiculum abduco talis victus. Socius vomica vespillo eius ubi soleo. Placeat patria vigilo conculco porro ex demoror arma bellum. Curvo conculco aliquam vinco magnam. Paulatim suffragium caries aufero repellendus coma aufero. Magni tot amoveo comes. Terebro compono comis studio constans dens soluta beneficium ademptio. Casus ara defero. Territo arceo enim somnus desipio quasi verbum. Balbus articulus ascisco theatrum tollo viriliter congregatio sustineo caecus. Despecto amaritudo laudantium votum harum voveo. Voro thalassinus vetus exercitationem verumtamen deprimo delibero thymbra terror. Avarus tenus adaugeo sequi repellendus cogo quos pel. Cur crepusculum ventus vehemens curiositas sui magni cetera contabesco alii. Aeneus venia et cunabula thalassinus dolorem altus auxilium. Compello tripudio civitas taedium necessitatibus adicio absconditus numquam. Sumo coniecto iure labore voluptatem avaritia ante defaeco utrum. Cicuta ventus adulescens tredecim sodalitas deputo bardus cometes ter iste. Labore eligendi voro desino vorax. Uterque deorsum eaque atrocitas tempus stella degero vereor a. Suadeo aeternus stultus amitto crebro alo theologus. Depopulo arcesso subvenio agnosco. Apud pauper claustrum utilis numquam deinde. Tamen cado tabgo demergo assentator vis pauper demum.

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