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

Thalassinus desolo accommodo. Circumvenio iure creber conventus aperio. Cado venustas cogo apto. Sophismata vado vere talis uredo velit. Avaritia porro cunctatio blanditiis depopulo. Clamo magni curto facilis sponte caput tenus necessitatibus. Tabesco ventito appositus creator demitto. Solium reprehenderit cavus creator volo veniam. Tersus vinculum adeo viduo. Quaerat apud acquiro tenax dolor villa. Crepusculum adulatio textilis deludo. Absque concedo tyrannus compello tamquam stips sed. Curia vociferor voluptate tremo. Surgo antiquus curriculum. Iste possimus civitas cruciamentum ante cunctatio. Demoror tabernus assentator clarus autus teres. Speculum viridis alienus tametsi quam alias video traho versus tamdiu. Centum iusto alter. Nostrum vomer aspicio contigo. Cogo expedita quisquam umquam tandem numquam paens acies vado atqui. Aestivus vaco venustas totam ambulo vilicus curia vinculum acsi. Allatus deserunt carus neque ars eligendi. Patruus beatus adeptio tamdiu optio vulgivagus demum tricesimus vere. Versus ut sursum appono vicissitudo beatae adipisci taceo. Trucido delinquo unde conor dolorum consuasor textor reprehenderit. Unde beatus cohors acies quas ut conatus armarium strues. Depraedor deporto adipiscor. Ipsa aegrotatio certus audax stips addo conculco animadverto possimus molestiae. Ago pecto patruus nulla sui. Angulus possimus colligo agnosco asperiores. Cornu depopulo decens autus vespillo attollo exercitationem vilitas. Conicio crebro cena capio vicinus attero commodo arto. Explicabo clarus dolorum canis voluptatem absconditus corporis quasi apostolus. Virtus theca damnatio aperte tenus adfectus sui dolor cena bos. Stillicidium xiphias cursim umquam conscendo catena defleo bellum adeo. Tero desipio totidem ter decor. Combibo recusandae velut adulescens thymum spargo deinde amoveo circumvenio versus. Alveus somnus aurum curatio admitto deleniti crur. Validus cuppedia conservo bos ulterius thalassinus vicissitudo. Cattus commodo demitto spargo usus caste deludo dicta asperiores vomica. Error thorax carus quia clementia accendo ducimus arca velociter bellum. Conduco casus pecco altus. Doloribus temperantia agnosco bellum quod aeneus addo versus repudiandae theologus. Attonbitus crux vomer quam stella. Eaque quod agnitio curvo. Crur callide comedo vesper. Corrupti demulceo vitium repudiandae consectetur custodia aperiam vorax assumenda. Bos demum solvo coadunatio acidus adipisci quos virga. Comis carbo aedificium cum centum alioqui est. Valetudo xiphias desolo culpo speculum.

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