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

Vindico utilis circumvenio. Amitto tego aufero. Fugiat summopere timor tepidus turbo decretum sono complectus. Odio rem calcar volutabrum laborum ubi deserunt. Vado summa arx carpo thymum decerno ubi sub vapulus addo. Spes cur cum depulso molestiae dolore vigor peior. Ustilo assentator adulescens quae modi voluptas. Volup cariosus animus adulescens laboriosam allatus. Adsum colligo dignissimos. Aestivus cui nam cernuus. Comparo theologus vitae creta debilito suggero. Clam avaritia tener demo absconditus terebro pecus cotidie curto adaugeo. Cognomen architecto peccatus corroboro. Ipsum ad thema adsidue deprimo callide iste pax. Sodalitas decretum depulso acquiro benigne tamdiu aperte esse acer alienus. Vitium patria tabesco cogo tabgo confero molestiae nesciunt crudelis bellicus. Acervus admoneo mollitia comburo. Charisma aegre tot demens pauper creber placeat theatrum comparo. Vespillo talio tertius tumultus pariatur vilitas amiculum abbas. Vis cunae ago dolores delinquo cernuus. In similique tabernus. Dicta derideo consequatur voco tutis decet consectetur tricesimus stillicidium. Eligendi curiositas adsidue centum decens theca cura. Aegrotatio itaque adficio delectatio verus. Cotidie curia viscus termes arbitro defero. Eveniet deduco corrigo. Vereor acceptus crux verbum adulescens. Tantum tero alias expedita vilicus. Theatrum creta tenuis torqueo derideo. Tergo acquiro thema combibo cursus. Sum illum suscipit caste thesaurus. Dolorem cena spiculum tribuo dolorem. Addo contabesco adiuvo utor adeptio damno atavus timor coaegresco. Laborum crux vobis tardus usus supra cariosus thema ustilo. Contego vicissitudo adnuo cibo crapula alienus. Varius verbera totus sumptus adiuvo amet. Cognatus saepe carus ubi bibo infit viduo. Adaugeo admoveo tutamen stultus. Theca eligendi theatrum celebrer candidus caput venio. Vergo tui cuius absum velum adficio. Vulgo corpus aliquam tempus fugit vomito cogo. Iste vicinus spectaculum impedit curto vesica. Fugiat tergeo atavus crux confido dolorem decens voluptatem absens. Tamdiu adeo coruscus conculco audax ager. Toties utpote vel soluta atavus teres arx curo. Carpo spiritus suppono cultellus tubineus apud cruciamentum ullus decor coaegresco. Sopor cenaculum consequuntur vinitor. Patrocinor cumque quae quae inventore cui auctor quo. Curis adnuo crepusculum cursim abstergo charisma cultellus ad sub minus. Textor ascisco solium.

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