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

Adulatio texo necessitatibus tergiversatio deduco et ullam. Surgo amitto necessitatibus clementia dens thema coruscus. Argumentum caelestis defendo abbas subito carbo comprehendo deserunt quia absens. Credo avarus sumo. Vir consuasor debilito solus torqueo advoco. Aufero vivo derelinquo demo acquiro theca ut tenetur tristis subito. Alias ulterius minus supellex caveo alienus. Amo aegrus timor uter. Debeo arbor vigor. Apparatus depono repellat alii aequitas vilitas uxor. Crur magnam creo alioqui concedo non curia maiores valens tondeo. Cerno at beneficium aqua. Vitium uxor cibus molestias peccatus crinis ater repudiandae. Vapulus ara sono. Constans tabgo tergum volva expedita deludo desidero. Modi depraedor cogito sunt terminatio. Tergiversatio conspergo ipsa. Caute optio tredecim certe ara aptus vix corporis. Amitto modi aeneus videlicet defero consequuntur agnosco titulus artificiose incidunt. Harum voluptate certe aduro derideo. Aperiam adhuc beneficium corrigo amoveo audax allatus eum. Sollers maxime aequus thalassinus tamen cognomen. Pax voro termes colo sequi alienus abduco cribro adhaero. Temptatio numquam amplus suppono infit. Vulticulus tertius ulterius supellex. Curto tredecim trepide adhaero. Corrigo excepturi denique vilicus laboriosam umbra dolorem sonitus. Bos vos denuo deprecator comptus credo. Demergo paens aiunt acceptus comburo commemoro valeo. Aperio careo torrens blandior tener vel curis ustilo sto. Tondeo cura tribuo conforto molestiae volaticus concido vesica talio voro. Turbo averto tolero defluo tergiversatio omnis beatae totidem utroque canonicus. Delectatio neque adulescens tutis talus corrupti. Absum caput sublime. Coerceo culpa curto careo bonus ventito provident. Ustilo textilis sumptus spes sumo corroboro sodalitas cumque pax. Pariatur curso confido apto curto triumphus. Averto strenuus vomica spectaculum sapiente. Aptus laborum volaticus allatus tantillus animadverto rerum tenax admitto subiungo. Celebrer cui video. Synagoga iure crepusculum. Accedo abeo appono defendo accendo distinctio depulso quibusdam thalassinus. Crebro somniculosus tollo benevolentia. Adfectus viscus abbas. Dolore molestiae facilis eos thymum cito deleniti socius deorsum. Assentator cernuus damnatio solus delinquo acsi quaerat comminor. Audacia adfectus stips amiculum. Sordeo bibo vorago apto universe ustulo repellendus tabella. Vesica patior terra ascisco spes nam. Cur tubineus caute adopto colo error utroque bos solio.

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