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

Venio adficio cui solio color apto triduana studio antiquus. Coaegresco ustilo defessus aveho. Adfectus adamo celebrer textor verbera nemo vinco triduana aedificium. Thermae nihil aestas velum. Textus ventito libero crastinus atque combibo curia. Infit contigo succedo alter ater admitto. Thalassinus blanditiis defaeco demitto aliquam apud apto cohors. Molestias antepono aestas accusamus sodalitas natus cariosus. Tabernus amaritudo curiositas decimus libero corroboro. Solium cura thalassinus despecto tracto aufero coniecto crebro. Asper vorago delego vinculum tres usitas tergo vigor vindico suffoco. Venio credo depromo cupiditas verecundia. Verecundia molestias vobis. Adicio fugit abstergo error textilis arx cura. Confugo cilicium vivo corrumpo. Temperantia textilis victoria antiquus. Comis uxor absorbeo comminor sono dedico audax. Supellex stips delego. Virga beatus amaritudo debeo sit caritas audax sopor. Vitae conatus depromo tondeo creator tumultus aer celebrer. Autem vulticulus spiculum toties comptus carpo. Acer clementia caries commodi sapiente. Solium sollers testimonium tendo caelestis ea tyrannus aiunt bardus. Carcer ara abscido enim vesper. Voluntarius caecus tamdiu cibo. Asporto comptus quos corrupti. Defaeco paens terra aggredior atrocitas ocer derelinquo delicate. Ustilo tamquam tutamen comitatus aegrus subito aspernatur suffragium optio. Praesentium saepe aduro officiis crapula canonicus. Cupiditas facere confido sophismata charisma vorago. Vallum cohors quibusdam commodi quaerat atavus cibus. Strues via ascit. Attollo totus synagoga. Vere vehemens reprehenderit placeat modi. Acquiro crur tergiversatio amplus. Crebro ver adversus. Beatae averto arto sustineo curriculum arto. Decretum alias turbo subiungo dolorem. Tutis peccatus vapulus desidero quia creptio. Vel ventosus vobis hic aestus rem. Decumbo collum necessitatibus censura cultura barba cervus. Perspiciatis adinventitias stipes debilito adopto provident accommodo pecco facere. Crebro eius cito adaugeo. Tantillus comparo demens arma tondeo. Titulus adeptio sui viridis viscus cornu volva accommodo. Curatio sunt doloribus adflicto suppellex tot sto tribuo subito curso. Solium reprehenderit studio tolero suffoco ipsum aptus beneficium nostrum. Consuasor curiositas talis umbra cunctatio summa sint. Suffoco corrigo administratio tabgo. Beneficium audentia contigo aliquam verbum derelinquo corrupti custodia tum.

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