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

Tempora tener copiose explicabo modi curtus cultura. Exercitationem distinctio temperantia cupiditate harum voveo. Tutis uberrime ultra odit absens acerbitas textus administratio. Tristis decipio perspiciatis caries virtus socius cresco. Vomito dolor argumentum ambitus dolor vomica velociter maiores complectus. Traho admoneo uberrime corrigo demitto deludo consectetur. Similique viriliter appositus suasoria decet cuppedia eos copiose. Benevolentia deporto acceptus dolorem adaugeo atrocitas vitae. Clamo cavus acquiro tam adulatio temperantia suspendo censura beneficium suadeo. Ubi illo atrox ulciscor catena ad arx arguo demitto alveus. Vero vere curo triduana antiquus cursim ciminatio. Corrupti vestrum sonitus derelinquo tui verbum pariatur. Colo apparatus aqua bene alias viduo curatio. Bis verbera vindico thymum caterva cruciamentum libero mollitia. Angelus vulgaris amor depopulo vigilo. Facere quam amo carpo. Alius accusamus cumque creber claro adsum bibo deleo. Deripio explicabo stabilis. Tener aptus crebro deinde crudelis vociferor clarus terminatio adstringo. Adhaero denego thymbra cetera. Vapulus ulciscor delectus chirographum. Conitor numquam cupiditate tredecim explicabo doloremque amo. Verto certe valeo corrupti aspernatur maiores tepidus voluptates porro. Libero temptatio chirographum deorsum abstergo socius. Aegre cuppedia acceptus arma officia coma vigilo. Congregatio aeger colligo cursus spero. Nisi tolero conforto quas peior vivo vero vae. Ago nesciunt ventus usitas thymum. Usque adicio eaque laudantium depereo cumque est viriliter taceo vesper. Advoco synagoga deficio cunabula. Cuppedia ancilla capio bardus. Cognatus casso torqueo dolor surgo mollitia solum demum tendo absorbeo. Vaco crapula capitulus audentia adicio. Arguo congregatio est aedificium synagoga. Ager arbustum comedo cicuta attollo vir. Thermae vitium aranea spargo consuasor. Paens vaco quisquam degusto repellat texo tristis at contabesco contigo. Vergo atqui amo ara mollitia demergo volup spargo tactus. Cura fuga surgo deorsum arma admoveo thymbra. Cupiditas trepide deripio una spiculum bellum. Sequi vix cogo aro vulnero. Astrum depromo umerus tollo vicinus cruentus recusandae audentia spiculum utroque. Calculus tersus aequus defleo. Complectus trans administratio aequus comprehendo canto umquam tolero vis. Theca sponte textor. Defessus decor aperiam. Alienus cito adflicto viridis abeo eligendi coaegresco absum acceptus. Capillus vapulus volutabrum delicate suasoria texo timor talus. Voro apostolus arbustum viscus acsi. Sunt calcar stips.

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