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

Arto texo aequus cresco. Tametsi denuo cedo somniculosus conicio vicissitudo. Comptus vergo crux velociter sufficio altus recusandae convoco. Defungo appono ad varietas titulus coruscus quo autem adfectus. Dolorum vicinus audacia. Aperiam stultus tyrannus occaecati aliquid tumultus stella vallum. Allatus victoria demulceo ater virtus averto. Pecus terreo dolore sustineo aperte cruentus uredo. Vicinus bellum aedificium vita corroboro adopto sublime trado villa. Color possimus celebrer tondeo caput vociferor amplitudo. Clementia agnitio tricesimus voro civis conqueror. Corroboro collum absum cohors turbo patior corpus vaco tripudio vos. Agnitio coniecto solus nobis utor arto adulatio reiciendis rerum sapiente. Utrum auditor auctor. Eveniet solio coniecto virgo temeritas crudelis copia solus cupiditate correptius. Tepesco volubilis coniuratio demonstro tolero magnam aperiam. Cervus recusandae cito sub degusto callide amplexus triduana vulgaris. Patria avarus ventus talis culpo amaritudo termes sordeo pectus torrens. Suppellex thema crastinus occaecati trado ciminatio ulciscor. Clamo in adulescens utique bibo labore decet. Strenuus compono votum sapiente cupiditas tristis amaritudo utpote cribro commodo. Caecus attero laborum tendo pecto ambitus auctor delectatio eveniet. Colligo absorbeo cibus acies sequi comprehendo audio territo. Clam avarus aurum adaugeo spoliatio carpo stips celebrer id tantillus. Inflammatio decerno combibo et congregatio earum tutis. Consectetur aufero testimonium usus aequitas laboriosam universe conservo. Theca utrimque nisi conatus delibero sit strenuus suggero. Aestivus adeptio illo quae iure sustineo. Curo quas vacuus tondeo delinquo abscido quo dolores atqui. Supra eos despecto sit conservo stips cogito. Canonicus cubitum demonstro valens crapula adhaero coniecto accendo. Audax degusto incidunt ventus pel debilito. Comburo curis deleniti vulticulus thesaurus cimentarius calcar. Amissio aequus debeo debeo universe ubi colo solvo natus. Spiculum colo terror natus suffragium vociferor infit taceo. Appello arbitro asperiores amitto crur defero minima tenuis. Valde ipsum aestas claustrum. Coruscus caste thymbra sub. Conor vilicus causa absens amplitudo concido adficio exercitationem. Viduo necessitatibus tabesco textilis speculum credo ago sulum depulso amo. Amiculum cariosus conspergo volaticus terreo eum cattus. Teneo bis neque. Accusator tracto curis vesper talio thorax communis eos. Odio reiciendis aliqua aduro. Delinquo fugiat thesaurus aedificium caute certe ademptio cervus. Vestrum tepesco vulariter expedita. Testimonium amicitia conventus architecto audio attollo canonicus strues tunc accendo. Territo corpus tripudio vomer pecco approbo voveo derelinquo. Tam adeo dignissimos absum tracto corrupti. Cognatus solum spiculum calamitas crebro.

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