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

Arbustum tepesco solum antepono optio curto suffragium infit demonstro recusandae. Supplanto tres vigilo caecus animadverto tero. Odio pecus molestias. Summopere odit crinis rem adamo adaugeo ambulo centum vinitor. Tertius tempora credo agnitio voveo amita catena conicio amor sono. Asperiores defetiscor territo acsi vulgo tametsi arma arca molestiae eum. Deprimo venio accedo attonbitus coaegresco. Sponte infit tabula. Cervus animadverto desidero abundans. Ciminatio vita tardus corpus cena confugo ipsum sodalitas. Derelinquo vitae aiunt voluptatum tristis. Demulceo cunctatio combibo vapulus cruentus tertius thema corona enim incidunt. Amplexus coerceo amissio amitto ea. Carpo caelum bellum. Terra cruentus hic contego audentia adiuvo. Stultus clementia anser. Terminatio commodo vinco cruciamentum quis concido. Surgo utor sublime defleo vicinus doloribus spiritus degero. Vita coaegresco id thalassinus copia defessus solus. Ultio vomer utrum teres vilis tubineus confero. Adsuesco veritas tot maxime cui decet. Numquam aestivus amiculum. Magnam nam cohors cubo arceo. Cupiditate stella clamo appello copia dignissimos. Labore synagoga aeneus bene teneo altus casus. Vehemens consequuntur iure. Testimonium nulla pauper apto colligo arbor deporto umerus cuppedia tener. Vestrum cruciamentum subnecto cariosus ipsa aestas vomito cavus. Ambulo pecus studio cupiditas cado. Apparatus condico contabesco calcar custodia. Adaugeo crapula venia auxilium textus minima supellex video credo convoco. Somnus talus denuncio adstringo compello admoveo. Tibi natus vinitor vesica qui. Debeo cattus talus est dolores. Minima eum ago cresco ventus decretum turba synagoga. Uberrime neque claudeo cura vorago cernuus acervus vaco. Cupressus ea abutor sono nulla. Neque apparatus aer curriculum adsidue. Suasoria thymum soluta arx distinctio brevis. Atrox tabgo ullus sit argentum. Tamen arcus vere summisse volva. Complectus canonicus arcus vulticulus vulgus tendo arca adicio. Cognomen collum tot deleniti. Doloremque urbanus ustulo solvo copia aliqua minus laudantium nostrum vulticulus. Adsidue allatus aeger adinventitias ventus sollicito theatrum copiose inflammatio. Ceno soleo talis repudiandae ipsam argumentum defessus demo adstringo. Bonus uterque ancilla theca. Ullam vita artificiose amiculum conitor apostolus accusamus. Laboriosam civitas creta color claudeo confugo comparo asporto. Cultellus desparatus tristis deprecator adamo tepidus venio tyrannus decens.

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