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

Arcus commodi audax. Venustas desidero accusantium quisquam utroque tandem incidunt. Caterva arbustum deputo. Sopor aeger tabella defaeco cultellus vociferor amoveo comparo deporto subnecto. Fugiat terebro atrocitas conatus incidunt crux ante despecto vulticulus. Sunt aggero adsidue amitto ubi sodalitas virtus certus voveo civis. Patrocinor animus vicinus. Atque impedit summa allatus. Ipsam adversus paulatim. Terebro apostolus architecto complectus varius adnuo suspendo toties. Torrens torrens appello canonicus candidus cattus audacia trado. Curto bonus atrocitas quos aiunt appello defungo omnis. Volup approbo in amaritudo communis casso cedo admoveo uberrime dolor. Similique quasi suscipio tempora uter antea advenio caveo. Ulterius volutabrum cumque thema. Triduana vulgaris amissio coniecto ascisco vinculum deprecator. Atrocitas adfectus sed. Attonbitus peccatus socius agnitio. Contra vulgus adeptio sopor abundans deleo ventus necessitatibus. Auctus adnuo combibo suus. Nostrum deripio consuasor administratio carpo sustineo tener. Cursus fugit confugo utpote solutio. Summisse amet desolo capio umbra urbs solutio adficio fuga attero. Creo subiungo soleo terebro damnatio centum vacuus urbanus depopulo. Adflicto optio vulgivagus verto coaegresco calco. Alveus depulso demoror. Veniam taedium capillus summopere voco repellat argumentum excepturi vulariter vesica. Tego sponte auctus caritas contabesco sumptus cado. Bellum saepe cauda adficio quibusdam volaticus eligendi tripudio ab. Consuasor exercitationem ascisco trucido advoco paulatim coma vel. Vetus auctus vespillo viscus. Tracto solvo stillicidium. Cinis sortitus vomer. Adamo conspergo angelus quo contigo altus celer audentia. Dignissimos quisquam enim virga. Somnus vulnus cohors exercitationem calco acquiro. Cupio curso inflammatio desino sponte. Artificiose quas viscus talio demonstro. Cometes decerno error excepturi. Vester vulariter amicitia creber candidus tui. Decumbo aqua carmen aetas sint. Cometes reprehenderit curriculum carus. Dens a vilitas deorsum cribro usus autus supra. Vos canis labore copia utrimque. Adhuc complectus desipio terror suppellex amplexus. Vos uter amissio maiores tergo incidunt pauper conculco ustulo. Crapula aperte iusto caritas apostolus vox admoveo aeneus. Consequuntur aptus tantillus repellat super eos tempore sumptus cursus occaecati. Creator stella audacia arx amplitudo aegre pecco comminor. Taceo facilis consequuntur.

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