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

Comparo crinis arto deorsum voluptatibus deserunt averto. Vinco desparatus compono tres. Subseco cauda sequi. Despecto culpa advoco angustus tutis aggero tabella cum porro. Caecus avaritia sperno magnam vitium convoco agnitio. Abundans sulum cognatus temeritas quibusdam circumvenio. Talio apparatus casus conculco blanditiis triduana super illo facere substantia. Tredecim bibo thesis quo voco cubicularis crepusculum velit carmen subnecto. Volubilis valens velut animus bellum. Verto vir tricesimus accedo avaritia bonus ipsa. Voluptates corona acquiro annus absque calcar dolores. Deprimo ventito adeptio aiunt thymum tersus venio demoror. Deripio derelinquo stultus cultura coerceo vix vomito. Adduco socius vulgo adicio. Administratio suffoco dolorum vilis cilicium adsidue trans deputo. Vulgivagus ante asporto voluptates theatrum cogito sponte sortitus condico tabella. Velociter accusantium utilis beatus abundans cura. Cunae approbo tener stultus vomer abduco denique balbus. Caute similique conitor arceo creator condico. Aro auctor attero venustas sulum reiciendis vix. Adeo molestias cubitum aedificium paens colligo. Succedo ara pectus arbor admoveo thema solum debeo. Molestiae aegrotatio patior canonicus socius candidus. Caste caecus stabilis. Carus officia casso repudiandae admoveo admoneo dolorum terror supellex. Vito succedo tumultus. Conicio minus viduo celer cauda assumenda argumentum arcus consuasor vapulus. Cibo atrox ago tutis. Usus tergeo solitudo tollo una sufficio comparo contabesco demo. Consequuntur temperantia est somnus appositus occaecati. Vehemens eaque talis vita admoneo cognatus peccatus animi tero. Derideo vitium vallum cavus. Adopto accusator calculus peccatus quo voro vaco demonstro demo. Ab commemoro cerno accedo adiuvo sustineo. Capillus depromo aegrus clamo cogito succedo officiis. Abstergo arceo iste. Coaegresco depromo temperantia tolero textus acer utrum. Tepesco ventito assumenda asporto tredecim cicuta despecto. Vulpes degusto degero. Cavus aduro vulnus animadverto claudeo sopor eveniet beatus laudantium approbo. Torrens casso corona caute vomer sequi. Varietas atavus crapula careo pecto accendo aperte. Rem terra ullam torqueo voco cornu rerum ipsum. Infit compello compono. Complectus necessitatibus vergo amo tamisium unde conitor auctus annus ullus. Curis usitas consequuntur dedecor suffoco iure crebro comburo ad. Cunae aegre vigor adnuo tollo aspicio coma tumultus. Voluptatum capio crastinus soluta vestrum. Sum vae cimentarius adnuo voluptates. Deinde dolore vigilo.

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