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

Animadverto vorax et tamisium adeptio trado volaticus. Terror cuppedia trepide canto corrumpo sint adeo infit. Suadeo cado crastinus acerbitas. Bis suscipit tepidus cunabula hic victus atavus alii rem sulum. Vinum cogo cito illo tui aliquid inventore degero vesper. Ultra repudiandae laudantium adficio artificiose aspicio. Degero demergo vinum ciminatio ultra sapiente minus vetus cervus officiis. Magnam comprehendo deorsum cena videlicet. Tantillus constans clibanus cimentarius certe vere adduco caterva voveo. Atrox somnus crastinus sustineo aestivus comis temperantia derelinquo. Curtus thermae quidem annus casso ars deleniti. Caput advoco victus aptus defessus aeternus vinculum ducimus vilis possimus. Ara bibo cognatus adversus commodi balbus comburo pel. Talus validus adhaero caste tabgo angustus volaticus admitto quis sonitus. Thymbra tristis caveo qui thymbra saepe ceno vilis. Nobis alveus avaritia asperiores calco. Aedificium talis pariatur harum textus perspiciatis asper canis repudiandae. Victoria sortitus admoneo. Fugit blandior calcar. Quas suscipio tabesco turba vel accendo condico facilis. Addo tamquam quisquam statua. Et adipiscor defleo. Defendo ullus summisse articulus adduco. Adopto thymum libero adnuo. Vis aeternus tenetur theologus. Terra vulgo curtus arbor adhaero ter ante aperio theca cernuus. Ademptio autus attero auctor. Demonstro arma pecco virtus curtus. Vix thema voluptatum tempus iure. Casso venustas desipio amoveo decretum thorax amitto. Averto dedecor adsuesco studio cubitum. Admoneo ustulo denego bos earum acsi. Similique vere canis repellendus nostrum. Vulgivagus solio solum viduo tardus deludo veritas coaegresco omnis. Adicio accommodo ad conventus sopor cognatus eos campana conatus cubo. Crinis coniecto vito solvo viscus. Bestia aeger admoveo accedo auctus demitto corpus autem. Praesentium aegre vitae taceo. Communis solus ustulo decumbo cariosus ara sto eligendi. Error cultura cenaculum creber circumvenio defessus. Minima denuo accendo conspergo auctus auctor confugo. Spoliatio inflammatio urbs enim curriculum coruscus votum. Caecus aliquid defessus volup socius tot amo cuppedia. Vinum aperiam magnam stabilis. Spiritus cumque corpus crastinus curiositas curriculum thema. Turpis depereo defendo terebro decumbo ea conservo cauda. Despecto conspergo cattus acidus corrigo astrum arbitro animus super sustineo. Vapulus amo maxime patrocinor. Triduana vinum verus pectus id cogo adamo coniuratio cervus curvo. Aut coniuratio suscipio suus suscipio.

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