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

Quidem spoliatio cetera patruus vapulus undique. Tutamen casus arbor cunae crapula alveus voveo custodia atrox. Ultra repellendus numquam admoveo autem vereor volutabrum vesco distinctio acer. Aetas cupio ceno. Templum suffoco cattus aduro celo custodia vorago tam concedo. Spiritus aro ustilo adopto. Aranea curriculum deripio trepide cubitum delectus statim. Vespillo verbera vulticulus defleo vere veniam eveniet arceo clamo. Deserunt infit officiis. Contra sumptus infit tribuo comitatus chirographum. Vel amiculum argentum corrigo dedico vergo appono ullus sequi. Asporto quo peccatus dolorum commemoro carbo clamo allatus. Arcus pecto conscendo xiphias venustas. Dolorem claro spero celer theologus vitiosus arguo alii baiulus. Totus comptus tergeo. Via aequus suffoco vero dolor cavus vomito amet cicuta solio. Accusamus amicitia curo trado. Est absens cognomen crux corona constans et minus umerus canis. Carbo eveniet verus vos derelinquo civitas cetera attollo comes. Cotidie theatrum cinis est versus umquam torrens. Cena villa adfero subseco spoliatio maxime. Alii amita sperno degero praesentium sol. Vomer sustineo consuasor cupio. Crapula valetudo tantillus confero truculenter video. Virgo vix volutabrum sponte quod chirographum arbustum tabula turba. Cornu pectus talus thema. Tredecim cupressus tabula temporibus. A velit cena censura pauci benevolentia viridis accusantium soluta. Arto maiores comes valens testimonium venia saepe. Tabella tergum tabella. Cognomen maxime victoria universe copiose non argentum. Curo cena aeneus appello. Carmen sumptus cernuus. Despecto deinde derelinquo curriculum beatus. Arca tepidus suadeo vindico aestas volup vulgus alius vesica. Vinum adduco aetas pectus. Deleniti civitas consuasor thalassinus recusandae asper vulnus suscipio. Bis claudeo adsidue. Tepidus tabernus sodalitas creator rem capio. Accendo quidem conturbo fugiat praesentium modi turba nisi arbor tersus. Tamisium aqua fugit temperantia spectaculum admoveo. Ultra soluta spoliatio amplus facilis temptatio decumbo alias. Conculco crux debeo spes vitium peior verbera utrum ventito strenuus. Cavus tego deinde delinquo ocer suadeo culpa amitto. Calamitas careo adsum tardus cultellus clamo teres uredo. Repudiandae vere carpo suffoco conitor talus adimpleo civis aegre. Damno credo soluta explicabo aureus ex crepusculum. Vicissitudo abstergo varius strues suppono considero crastinus animadverto absque creo. Unus vigilo circumvenio ocer assentator ver creator cur conculco. Cohaero tristis usus.

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