Meta tags:
Headings (most frequently used words):
build, modern, html, beef, burger, one, css, customization, rapidly, websites, without, ever, leaving, your, best, practices, don, actually, work, constraint, based, anything, performance, mobile, first, beach, house, in, collingwood, state, variants, projects, component, driven, hank, juiciest, southern, fried, chicken, sandwich, lily, healthy, weekly, on, dark, mode, scaling, at, heroku, with, utility, classes, features, editor, tools, ready, made, components, getting, started, core, concepts, community, width, styles, index, typography, color, problems,
Text of the page (most frequently used words):
class (142), div (141), text (112), flex (57), gray (56), button (40), the (39), 500 (37), and (34), css (33), center (33), border (33), rounded (30), grid (30), svg (29), font (29), full (27), items (26), tailwind (24), fill (24), 600 (21), space (21), justify (20), dark (19), with (19), you (19), path (19), currentcolor (19), width (19), hover (18), medium (18), none (18), start (18), from (17), type (17), focus (16), for (16), auto (16), cols (15), 100 (15), more (13), block (13), span (13), 400 (13), blue (13), col (13), height (13), stroke (13), original (13), tweet (13), utility (12), 200 (12), your (12), white (12), black (12), label (12), base (11), learn (11), build (11), gradient (11), purple (11), design (10), hidden (10), navitem (10), light (10), fuchsia (10), 300 (9), alt (9), src (9), img (9), row (9), leading (9), size (9), tailwindcss (9), all (8), like (8), radio (8), 892 (8), 196 (8), projects (8), evenodd (8), rule (8), mode (7), new (7), relative (7), shadow (7), 900 (7), developer (7), system (7), color (7), into (7), classes (7), btn (7), list (7), easy (7), end (7), house (7), first (6), use (6), want (6), same (6), href (6), gap (6), but (6), can (6), 004 (6), 424 (6), 488 (6), 888 (6), semibold (6), title (6), that (6), any (6), apply (6), now (6), nav (6), servings (6), name (6), group (6), input (6), 414 (6), absolute (6), jpg (6), colors (5), just (5), time (5), responsive (5), using (5), started (5), 700 (5), transparent (5), modern (5), framework (5), 197 (5), aria (5), one (5), websites (5), html (5), listitem (5), recipes (5), item (5), users (5), only (5), category (5), inset (5), beach (5), 293 (5), value (5), ever (5), configuration (4), support (4), production (4), got (4), even (4), viewbox (4), outline (4), shrink (4), truncate (4), within (4), make (4), primary (4), 800 (4), everything (4), scale (4), 128 (4), stack (4), 837 (4), 163 (4), 379 (4), 287 (4), 734 (4), 645 (4), 371 (4), 172 (4), lime (4), when (4), front (4), component (4), recipe (4), divide (4), import (4), over (4), project (4), form (4), clip (4), object (4), cover (4), collingwood (4), 293a1 (4), max (4), indigo (4), never (4), was (4), engineer (4), customizing (3), spacing (3), components (3), states (3), editor (3), getting (3), 118l (3), 003 (3), http (3), www (3), org (3), 2000 (3), xmlns (3), inline (3), transition (3), ease (3), out (3), duration (3), 150 (3), between (3), get (3), about (3), names (3), rows (3), gradients (3), our (3), inter (3), typography (3), file (3), transform (3), shadows (3), m17 (3), 784 (3), 838 (3), round (3), 012 (3), don (3), andrew (3), recent (3), popular (3), featured (3), difficulty (3), rating (3), react (3), again (3), have (3), user (3), left (3), 011 (3), 110 (3), violet (3), kevin (3), francis (3), 921 (3), this (3), green (3), tiny (3), going (3), been (3), real (3), write (3), used (3), way (3), actually (3), sarah (3), dayan (3), github (2), variants (2), theme (2), customization (2), adding (2), utilities (2), styles (2), other (2), guide (2), ready (2), help (2), cssconflict (2), applies (2), property (2), m18 (2), 002 (2), 997 (2), 256 (2), com (2), worried (2), integration (2), transforms (2), state (2), visible (2), features (2), display (2), body (2), sans (2), serif (2), brutalist (2), elegant (2), playful (2), simple (2), own (2), then (2), custom (2), box (2), literally (2), palette (2), scaling (2), heroku (2), 6v0z (2), 22c0 (2), m12 (2), 878 (2), 12c1 (2), 781 (2), 066 (2), 085 (2), 515 (2), 104 (2), 665 (2), 896 (2), 824 (2), 075v (2), 068c (2), 912 (2), 235 (2), 505 (2), 005 (2), 283 (2), 048 (2), 727 (2), 602 (2), 968 (2), 932 (2), 387h1 (2), 274c (2), 801 (2), 475 (2), 541 (2), 471 (2), 346 (2), 844 (2), 673 (2), 398 (2), 398h (2), 738v1 (2), 074h (2), 737c1 (2), 614 (2), 491 (2), 848 (2), 738 (2), 765 (2), 946 (2), 683 (2), 486 (2), 262h9 (2), 797c (2), 055 (2), 317 (2), 395 (2), 395zm7 (2), 025c2 (2), 016 (2), 504 (2), 855 (2), 504zm0 (2), 138c (2), 185 (2), 366 (2), 174 (2), 716 (2), 182 (2), 712 (2), 367 (2), 367z (2), 16h4v18h (2), linecap (2), overflow (2), abbr (2), min (2), 160 (2), enable (2), they (2), their (2), throw (2), active (2), works (2), footer (2), accept (2), decline (2), secondary (2), description (2), 00am (2), not (2), extract (2), lily (2), beef (2), burger (2), hank (2), truth (2), section (2), filter (2), placeholder (2), ring (2), 414l (2), translate (2), header (2), api (2), add (2), view (2), check (2), availability (2), hosted (2), ontario (2), normal (2), 292a1 (2), 034a1 (2), 118l1 (2), 539 (2), 034c (2), entire (2), screen (2), sucks (2), right (2), instead (2), 0l10 (2), 010 (2), pointer (2), events (2), fixed (2), baseline (2), underline (2), extrabold (2), 4xl (2), unused (2), building (2), could (2), client (2), 656 (2), classic (2), jacket (2), sizing (2), seriously (2), anything (2), work (2), makes (2), gilliland (2), jon (2), bloomer (2), think (2), love (2), had (2), luke (2), redpath (2), last (2), hype (2), jad (2), limcaco (2), few (2), ken (2), wheeler (2), okay (2), feel (2), idiot (2), debbie (2), brien (2), maintain (2), aaron (2), bushnell (2), graeme (2), houston (2), madeline (2), campbell (2), why (2), would (2), gilbert (2), rabut (2), tsurwa (2), dacey (2), nolan (2), documentation (2), how (2), guillermo (2), rauch (2), ryan (2), florence (2), until (2), seen (2), large (2), teams (2), customize (2), adapts (2), staff (2), algolia (2), figure (2), figcaption (2), blockquote (2), rapidly (2), without (2), leaving (2), search (2), youtube, twitter, discord, community, presets, plugins, configuring, breakpoints, functions, directives, extracting, core, concepts, browser, optimizing, preprocessors, upgrade, release, notes, installation, collection, beautiful, fully, designed, developed, creators, hundreds, examples, choose, guaranteed, find, perfect, starting, point, what, move, faster, made, problems, email, 4v14a2, 2h12a2, 2v8, 118z, 884l10, 882l7, 998a2, 0016, 4h4a2, 884z, facepad, fit, facearea, format, ixid, eyjhchbfawqiojeymdd9, https, images, unsplash, photo, 1494790108377, be9c29b29330, ixlib, regional, paradigm, technician, admin, teal, jane, cooper, intelligent, autocomplete, suggestions, linting, definitions, required, remembering, these, intellisense, extension, code, has, covered, world, ide, tools, flow, composable, powered, variables, selectors, tons, unapologetically, takes, advantage, latest, greatest, experience, enjoyable, possible, cutting, edge, comfort, zone, module, fontfamily, 18181b, 27272a, 3f3f46, 52525b, 71717a, a1a1aa, d4d4d8, e4e4e7, f4f4f5, fafafa, 312e81, 3730a3, 4338ca, 4f46e5, 6366f1, 818cf8, a5b4fc, c7d2fe, e0e7ff, eef2ff, exports, lorem, ipsum, dolor, sit, amet, consectetur, adipiscing, elit, ultrices, non, pharetra, eros, enim, habitant, suspendisse, ultricies, config, craft, let, includes, expertly, crafted, set, defaults, customized, mouse, cursor, extend, tweak, change, m13, 9l0, 0v18l13, 0h15v18h17v0z, 0l8, m33, 16s1, 4v16zm28, circle, 0l9, 6l8, 16s16, 16s25, 0h2v18h0v0zm4, 9l13, 9v18l4, 5a2, 2h10a2, 2v16l, 5l5, 21v5z, tabular, nums, 4550, valuemax, valuemin, 1456, valuenow, progressbar, role, episode, uppercase, png, those, blinds, people, open, phone, 2am, background, article, index, rose, parsons, attendees, meeting, kitchener, location, est, thu, nov, 2020, date, weekly, frameworks, keep, old, school, directive, repeated, patterns, copying, pasting, key, map, isactive, classname, return, function, default, export, ford, healthy, nicholas, denver, intermediate, southern, fried, chicken, sandwich, douglas, juiciest, blade, vue, repeating, them, template, partial, boom, single, source, changes, place, duplication, driven, dashed, avatar, url, 4a4, 000, 8zm2, 8a6, 1110, 476l4, 817, 817a1, 816, 816a6, top, 5a1, 1v3h3a1, 2h7v3a1, 3h2a1, 2h3v6a1, customer, success, onboarding, emails, human, resources, benefits, plan, engineering, style, something, stick, beginning, fancy, invented, ourselves, disabled, interior, 691c, 603, 902, 0l1, 69h3, 462c, 969, 372, 588, 81l, 364, 292c, 755, 688, 176, 783, 363, 381, 587, 81h7, 03a1, 69l9, 69z, 3xl, 2xl, workcation, watch, magically, specific, breakpoint, wrestling, bunch, complex, media, queries, lets, designs, mobile, 586l4, 111, 414l11, 10l4, 414l10, 414l8, 586, 707a1, 414z, anyone, link, successfully, saved, 12l2, 4m6, 2a9, 0118, linejoin, appearance, bottom, tracking, tight, 5xl, whitespace, nowrap, pill, content, lines, purged, 413, automatically, removes, which, means, final, bundle, smallest, possibly, fact, most, ship, less, than, 10kb, performance, free, shipping, continental, orders, 172a4, 015, 343l1, 171a4, 115, 656l10, 657l, 828, 829a4, 656z, bag, buy, submit, checked, stock, wrap, because, low, level, encourages, site, twice, completely, different, look, next, whatever, constraints, littering, stylesheets, arbitrary, values, consistent, choices, else, well, engineered, constraint, based, looked, unpleasant, hooked, didn, spent, day, poc, wish, around, company, considering, complete, rebuild, ruby, ios, after, finally, two, weeks, hand, skeptic, designer, past, months, amazing, already, some, before, clicked, head, learning, nuxt, working, ten, years, life, easier, still, etc, quicker, programmer, trendyminds, officially, train, thought, ridiculously, fast, flexible, javascript, there, thing, once, handful, pain, ass, came, job, wondering, dev, implement, days, convert, personal, web, loved, very, moment, software, instantly, fell, modifiers, thorough, palettes, sara, vieira, codesandbox, skills, good, looking, wanted, vercel, recommend, programming, today, remix, training, creator, adam, wathan, written, traditional, semantic, are, reason, hard, believe, try, suppress, urge, retch, long, enough, give, chance, really, wonder, worked, thousand, words, best, practices, 512, 384, click, copy, clipboard, npm, install, packed, composed, directly, markup, rotate, docs, ctrl, press, quick,
Text of the page (random words):
alette and sizing scale it s easy to build the same component with a completely different look in the next project get started simple playful elegant brutalist 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 div class flex div class flex none w 48 relative img src classic utility jacket jpg alt class absolute inset 0 w full h full object cover div form class flex auto p 6 div class flex flex wrap h1 class flex auto text xl font semibold classic utility jacket h1 div class text xl font semibold text gray 500 110 00 div div class w full flex none text sm font medium text gray 500 mt 2 in stock div div div class flex items baseline mt 4 mb 6 div class space x 2 flex label input class w 9 h 9 flex items center justify center bg gray 100 rounded lg name size type radio value xs checked xs label label input class w 9 h 9 flex items center justify center name size type radio value s s label label input class w 9 h 9 flex items center justify center name size type radio value m m label label input class w 9 h 9 flex items center justify center name size type radio value l l label label input class w 9 h 9 flex items center justify center name size type radio value xl xl label div div class ml auto text sm text gray 500 underline size guide div div div class flex space x 3 mb 4 text sm font medium div class flex auto flex space x 3 button class w 1 2 flex items center justify center rounded md bg black text white type submit buy now button button class w 1 2 flex items center justify center rounded md border border gray 300 type button add to bag button div button class flex none flex items center justify center w 9 h 9 rounded md text gray 400 border border gray 300 type button aria label like svg width 20 height 20 fill currentcolor path fill rule evenodd clip rule evenodd d m3 172 5 172a4 4 0 015 656 0l10 6 343l1 172 1 171a4 4 0 115 656 5 656l10 17 657l 6 828 6 829a4 4 0 010 5 656z svg button div p class text sm text gray 500 free shipping on all continental us orders p form div performance it s tiny in production tailwind automatically removes all unused css when building for production which means your final css bundle is the smallest it could possibly be in fact most tailwind projects ship less than 10kb of css to the client learn more production build 2 413 4 kb purged 0 unused classes 0 lines fixed flex col rounded sm shadow px 4 justify content text center flex shrink 0 md text left h 16 w 16 md h 24 md w 24 rounded full mx auto text lg text purple 500 md text left text gray 600 text green 400 text blue 500 rounded pill p 4 max w screen xl mt 5 leading 7 whitespace nowrap sm gap 6 lg max w 4xl lg mx auto xl max w none flex 1 xl mx 0 xl grid cols 4 border border gray 200 text 4xl leading 6 leading 10 font extrabold leading 5 h 5 w 5 text green 500 text 5xl leading none font extrabold text white tracking tight border t text sm border indigo 600 py 4 font medium px 5 flex items center space x 3 text base leading 6 text white absolute right full ml 4 bottom 0 transform translate x 1 2 py 3 mx 4 w full duration 150 h full transition py 0 pl 4 pr 8 border transparent bg transparent text gray 500 px 5 py 3 appearance none underline bg indigo 700 min w full divide y divide gray 200 items baseline text indigo 600 hover text indigo 500 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 div class fixed inset 0 flex items end justify center px 4 py 6 pointer events none sm p 6 sm items start sm justify end div class max w sm w full bg white shadow lg rounded lg pointer events auto div class rounded lg shadow xs overflow hidden div class p 4 div class flex items start div class flex shrink 0 svg class h 6 w 6 text green 400 xmlns http www w3 org 2000 svg fill none viewbox 0 0 24 24 stroke currentcolor path stroke linecap round stroke linejoin round stroke width 2 d m9 12l2 2 4 4m6 2a9 9 0 11 18 0 9 9 0 0118 0z svg div div class ml 3 w 0 flex 1 pt 0 5 p class text sm font medium text gray 900 successfully saved p p class mt 1 text sm text gray 500 anyone with a link can now view this file p div div class ml 4 flex shrink 0 flex button class inline flex text gray 400 focus outline none focus text gray 500 transition ease in out duration 150 svg class h 5 w 5 xmlns http www w3 org 2000 svg viewbox 0 0 20 20 fill currentcolor path fill rule evenodd d m4 293 4 293a1 1 0 011 414 0l10 8 586l4 293 4 293a1 1 0 111 414 1 414l11 414 10l4 293 4 293a1 1 0 01 1 414 1 414l10 11 414l 4 293 4 293a1 1 0 01 1 414 1 414l8 586 10 4 293 5 707a1 1 0 010 1 414z clip rule evenodd svg button div div div div div div mobile first responsive everything wrestling with a bunch of complex media queries in your css sucks so tailwind lets you build responsive designs right in your html instead throw a screen size in front of literally any utility class and watch it magically apply at a specific breakpoint learn more workcation com entire house beach house in collingwood 4 94 128 collingwood ontario hosted by kevin francis check availability 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 div class grid grid cols 1 sm grid cols 2 sm px 8 sm py 12 sm gap x 8 md py 16 div class relative z 10 col start 1 row start 1 px 4 pt 40 pb 3 bg gradient to t from black sm bg none p class text sm font medium text white sm mb 1 sm text gray 500 entire house p h2 class text xl font semibold text white sm text 2xl sm leading 7 sm text black md text 3xl beach house in collingwood h2 div div class col start 1 row start 2 px 4 sm pb 16 div class flex items center text sm font medium my 5 sm mt 2 sm mb 4 svg width 20 height 20 fill currentcolor class text violet 600 path d m9 05 3 691c 3 921 1 603 921 1 902 0l1 07 3 292a1 1 0 00 95 69h3 462c 969 0 1 372 1 24 588 1 81l 2 8 2 034a1 1 0 00 364 1 118l1 07 3 292c 3 921 755 1 688 1 539 1 118l 2 8 2 034a1 1 0 00 1 176 0l 2 8 2 034c 783 57 1 838 197 1 539 1 118l1 07 3 292a1 1 0 00 363 1 118l 2 8 2 034c 784 57 381 1 81 587 1 81h7 03a1 1 0 00 95 69l9 05 3 69z svg div class ml 1 span class text black 4 94 span span class sm hidden md inline 128 span div div class text base font normal mx 2 div div collingwood ontario div div hr class w 16 border gray 300 hidden sm block div div class col start 1 row start 3 space y 3 px 4 p class flex items center text black text sm font medium img src kevin francis jpg alt class w 6 h 6 rounded full mr 2 bg gray 100 hosted by kevin francis p button type button class bg violet 100 text violet 700 text base font semibold px 6 py 2 rounded lg check availability button div div class col start 1 row start 1 flex sm col start 2 sm row span 3 div class w full grid grid cols 3 grid rows 2 gap 2 div class relative col span 3 row span 2 md col span 2 img src beach house jpg alt class absolute inset 0 w full h full object cover bg gray 100 sm rounded lg div div class relative hidden md block img src beach house interior jpg alt class absolute inset 0 w full h full object cover rounded lg bg gray 100 div div class relative hidden md block img src beach house view jpg alt class absolute inset 0 w full h full object cover rounded lg bg gray 100 div div div div state variants hover and focus states we got em want to style something on hover stick hover at the beginning of the class you want to add works for focus active disabled focus within focus visible and even fancy states we invented ourselves like group hover learn more projects new title api integration category engineering users title new benefits plan category human resources users title onboarding emails category customer success users new project 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 section class px 4 sm px 6 lg px 4 xl px 6 pt 4 pb 4 sm pb 6 lg pb 4 xl pb 6 space y 4 header class flex items center justify between h2 class text lg leading 6 font medium text black projects h2 button class hover bg light blue 200 hover text light blue 800 group flex items center rounded md bg light blue 100 text light blue 600 text sm font medium px 4 py 2 svg class group hover text light blue 600 text light blue 500 mr 2 width 12 height 20 fill currentcolor path fill rule evenodd clip rule evenodd d m6 5a1 1 0 011 1v3h3a1 1 0 110 2h7v3a1 1 0 11 2 0v 3h2a1 1 0 110 2h3v6a1 1 0 011 1z svg new button header form class relative svg width 20 height 20 fill currentcolor class absolute left 3 top 1 2 transform translate y 1 2 text gray 400 path fill rule evenodd clip rule evenodd d m8 4a4 4 0 100 8 4 4 0 000 8zm2 8a6 6 0 1110 89 3 476l4 817 4 817a1 1 0 01 1 414 1 414l 4 816 4 816a6 6 0 012 8z svg input class focus border light blue 500 focus ring 1 focus ring light blue 500 focus outline none w full text sm text black placeholder gray 500 border border gray 200 rounded md py 2 pl 10 type text aria label filter projects placeholder filter projects form ul class grid grid cols 1 sm grid cols 2 lg grid cols 1 xl grid cols 2 gap 4 li x for item in items a href item url class hover bg light blue 500 hover border transparent hover shadow lg group block rounded lg p 4 border border gray 200 dl class grid sm block lg grid xl block grid cols 2 grid rows 2 items center div dt class sr only title dt dd class group hover text white leading 6 font medium text black item title dd div div dt class sr only category dt dd class group hover text light blue 200 text sm font medium sm mb 4 lg mb 0 xl mb 4 item category dd div div class col start 2 row start 1 row end 3 dt class sr only users dt dd class flex justify end sm justify start lg justify end xl justify start space x 2 img x for user in item users src user avatar alt user name width 48 height 48 class w 7 h 7 rounded full bg gray 100 border 2 border white dd div dl a li li class hover shadow lg flex rounded lg a href new class hover border transparent hover shadow xs w full flex items center justify center rounded lg border 2 border dashed border gray 200 text sm font medium py 4 new project a li ul section component driven worried about duplication don t be if you re repeating the same utilities over and over and over again all you have to do is extract them into a component or template partial and boom you ve got a single source of truth so you can make changes in one place learn more react vue blade featured popular recent hank s juiciest beef burger rating 4 94 time 20 m difficulty easy servings 4 servings by hank douglas southern fried chicken sandwich rating 4 94 time 30 m difficulty intermediate servings 4 servings by nicholas denver lily s healthy beef burger rating 4 94 time 20 m difficulty easy servings 6 servings by lily ford recipes js nav js navitem js list js listitem js recipes js nav js navitem js list js listitem js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 import nav from nav js import navitem from navitem js import list from list js import listitem from listitem js export default function recipes recipes return div classname divide y divide gray 100 nav navitem href featured isactive featured navitem navitem href popular popular navitem navitem href recent recent navitem nav list recipes map recipe listitem key recipe id recipe recipe list div not into component frameworks and like to keep it old school use tailwind s apply directive to extract repeated utility patterns into custom css classes just by copying and pasting the list of class names learn more weekly one on one date and time thu nov 15 2020 10 00am 11 00am est location kitchener on description no meeting description attendees andrew parsons decline accept styles css 1 2 3 4 5 6 7 8 9 10 11 12 btn apply text base font medium rounded lg p 3 btn primary apply bg rose 500 text white btn secondary apply bg gray 100 text black index html 31 32 33 34 35 36 37 38 39 dd div dl footer class grid grid cols 2 gap x 6 button class btn btn secondary decline button button class btn btn primary accept button footer article dark mode now with dark mode don t want to be one of those websites that blinds people when they open it on their phone at 2am enable dark mode in your configuration file then throw dark in front of any color utility to apply it when dark mode is active works for background colors text colors border colors and even gradients learn more enable dark mode ep 128 scaling css at heroku with utility classes full stack radio 24 16 75 50 1 0x 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 div class bg white dark bg gray 800 rounded tl xl sm rounded t xl p 4 pb 6 sm p 8 lg p 4 lg pb 6 xl p 8 space y 6 sm space y 8 lg space y 6 xl space y 8 div class flex items center space x 3 5 sm space x 5 lg space x 3 5 xl space x 5 img src full stack radio png alt width 160 height 160 class flex none w 20 h 20 rounded lg bg gray 100 div class min w 0 flex auto space y 0 5 p class text lime 600 dark text lime 400 text sm sm text base lg text sm xl text base font semibold uppercase abbr title episode ep abbr 128 p h2 class text black dark text white text base sm text xl lg text base xl text xl font semibold truncate scaling css at heroku with utility classes h2 p class text gray 500 dark text gray 400 text base sm text lg lg text base xl text lg font medium full stack radio p div div div class space y 2 div class bg gray 200 dark bg black rounded full overflow hidden div class bg lime 500 dark bg lime 400 w 1 2 h 1 5 role progressbar aria valuenow 1456 aria valuemin 0 aria valuemax 4550 div div div class text gray 500 dark text gray 400 flex justify between text sm font medium tabular nums div 24 16 div div 75 50 div div div div div class bg gray 50 text black dark bg gray 900 dark text white lg rounded b xl py 4 px 1 sm px 3 lg px 1 xl px 3 grid grid cols 5 sm grid cols 7 lg grid cols 5 xl grid cols 7 items center button type button class mx auto svg width 24 height 24 fill none path d m5 5a2 2 0 012 2h10a2 2 0 012 2v16l 7 3 5l5 21v5z stroke currentcolor stroke width 1 5 stroke linecap round svg button button type button class hidden sm block lg hidden xl block mx auto svg width 17 height 18 path d m0 0h2v18h0v0zm4 9l13 9v18l4 9z fill currentcolor svg button button type button class mx auto svg width 34 height 39 fill none path d m12 878 26 12c1 781 0 3 09 1 066 3 085 2 515 004 1 104 665 1 896 1 824 2 075v 068c 912 235 1 505 95 1 5 1 93 005 1 283 1 048 2 379 2 727 2 379 1 602 0 2 89 968 2 932 2 387h1 274c 03 801 784 1 287 1 64 1 287 892 0 1 475 541 1 471 1 346 004 844 673 1 398 1 64 1 398h 738v1 074h 737c1 21 0 1 91 614 1 91 1 491 0 848 738 1 424 1 765 1 424 946 0 1 683 486 1 734 1 262h9 797c 055 1 424 1 317 2 395 3 08 2 395zm7 734 025c2 016 0 3 196 1 645 3 196 4 504 0 2 838 1 197 4 488 3 196 4 488 2 003 0 3 196 1 64...
|
