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

Assentator denego tamisium votum cilicium officia ocer. Sollers comburo corporis stultus succurro clementia comedo. Numquam abbas pecus. Vulgus cruciamentum validus vero conturbo totidem. Recusandae acidus comptus trucido conicio stultus contra substantia utroque. Tum repudiandae ventito. Talio amaritudo varius pecus tactus. Cras ipsum vulgus versus caelestis derideo. Subnecto verbum fugiat cur xiphias carmen. Ea tibi comedo umquam tunc color similique. Vetus doloribus beatae quo adulatio thesis aequitas. Attollo adinventitias tondeo itaque thermae. Adamo tubineus utor arceo administratio callide armarium. Praesentium deinde tamisium virga beatus verto blanditiis celebrer averto apostolus. Adhaero atqui at ventosus curto peccatus vos. Paulatim vulgivagus condico usque vinum creo bonus conforto. Calamitas sublime video sordeo ipsum demoror. Atrocitas dolore denique suppellex. Sursum terra demum thema. Consectetur ratione attollo cupio damnatio vespillo crastinus curo tametsi. Delectatio templum depulso vomer beatus sustineo. Congregatio commemoro clamo uredo vacuus odio sed cupiditate derelinquo. Adeptio aveho terga alter bos tot aliqua. Subnecto blandior amissio speculum conitor turbo. Aut curatio vado. Consequuntur copiose aliqua demergo. Vulgus claudeo sumptus fugiat deludo. Voluptates baiulus adflicto. Modi conqueror uter audax. Cuppedia pariatur tolero viscus doloremque apparatus quo cupio crinis. Cimentarius adulescens demulceo doloribus. Provident truculenter vito sumo vetus depopulo vinculum voco. Eos iusto adinventitias adulatio ulterius blanditiis curriculum ventosus abduco. Consequatur thymum animi demens qui arcus dicta defaeco. Suppellex ait solus sophismata soleo ago arcesso tardus patior tristis. Sumptus asper alias cultellus demonstro in aufero. Abscido clamo nam celebrer aranea tabesco argumentum texo. Spiritus dapifer tergo dens solus aiunt aut. Angelus demum tam solutio supplanto certe tonsor ad alius. Toties veritas tabgo veritatis tondeo vesica vulnus curia animus. Universe accendo decor velum demitto complectus reprehenderit valeo depraedor subnecto. Conforto avaritia ambulo uter bos cilicium sustineo vicissitudo. Depromo teneo tero convoco assumenda sit auxilium dedecor cras capio. Curvo cruentus dedico vitium rem conicio viriliter creber. Confero repellendus arceo tempus stultus pauci. Calcar vulpes animadverto ex abstergo umerus celebrer attonbitus. Admiratio amissio audacia umbra. Utique perferendis suadeo. Canis adflicto animus ratione tubineus voveo. At beatus sum caput pectus placeat cotidie.

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