[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-571914-105":53,"doc-detail-571914-en":127},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":120,"head_meta":122,"extra_data":124,"updated_unix":126},105,"en","tailwindcss-cheat-sheet-reference-guide","Tailwindcss Cheat Sheet - Reference Guide","","This technical reference document provides a concise summary of utility classes for the Tailwindcss framework, specifically focusing on typography configurations including font sizing and text transformation properties. Additionally, the document serves as a brief programming reference for Ruby on Rails by detailing the usage of the datetime_field helper within the ActionView library. By offering clear mappings between CSS utility classes and their corresponding styles, along with practical implementation examples for date-time inputs in web applications, the guide acts as a rapid lookup tool for developers aiming to streamline their CSS styling and backend form handling processes. The content is structured to facilitate quick access to essential syntax and configuration parameters, ensuring efficient development workflows for those working with frontend utility-first frameworks and server-side form helper methods.",{"@graph":63,"@context":119},[64,80,102],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":51,"@type":70,"position":76},"https://docshare.wps.com/template/general/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/tailwindcss-cheat-sheet-reference-guide/571914/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/tailwindcss-cheat-sheet-reference-guide/571914.png","ImageObject",442,249,{"name":88,"@type":89},"Jasmine","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-25","2026-10-13",true,{"@type":98,"interactionType":99,"userInteractionCount":101},"InteractionCounter",{"@type":100},"ViewAction",6,{"@type":103,"mainEntity":104},"FAQPage",[105,111,115],{"name":106,"@type":107,"acceptedAnswer":108},"What are the standard Tailwindcss classes for font size?","Question",{"text":109,"@type":110},"The document lists several classes including text-xs, text-sm, text-base (default), text-lg, and text-xl, each with specific font-size and line-height configurations.","Answer",{"name":112,"@type":107,"acceptedAnswer":113},"How do you control text capitalization in Tailwindcss?",{"text":114,"@type":110},"You can use utilities like uppercase, lowercase, capitalize, or normal-case to manage the text-transform property of an element.",{"name":116,"@type":107,"acceptedAnswer":117},"How is the datetime_field helper used in Ruby on Rails?",{"text":118,"@type":110},"The helper is used to generate HTML5 date-time input fields, such as helper.datetime_field(:event, :starts_at), which outputs an \u003Cinput> tag with specific name and id attributes.","https://schema.org",{"og:url":78,"og:type":121,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":123,"canonical":78},"index,follow",{"doc_id":125,"site_id":56},571914,1792097057,{"code":4,"msg":5,"data":128},{"doc_id":125,"user_id":129,"nickname":88,"user_avatar":130,"doc_module":9,"category_id":50,"category_name":51,"doc_title":59,"doc_description":61,"doc_content":131,"file_id":132,"file_url":133,"file_type":134,"file_size":135,"view_count":101,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":9,"language":136,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":61,"update_tm":140,"read_time":4},2336478487870,"https://ap-avatar.wpscdn.com/davatar_085a072bc5b1113ac321206ff7593b45","Tailwindcss Cheat Sheet  \n[by](by baxter2 via cheatography.com/160157/cs/33770/)[ baxter2](by baxter2 via cheatography.com/160157/cs/33770/)[ via](by baxter2 via cheatography.com/160157/cs/33770/)[ cheatography.com/160157/cs/33770/](by baxter2 via cheatography.com/160157/cs/33770/)  \nTypography-Font Size  \ntext-xs font-size: 0.75rem; 12px line-height: 1rem; 16p  \n\n| text-sm | font-size: 0.875rem; 14px\u003Cbr>line-height: 1.25rem; 20px |\n| --- | --- |\n| text-base\u003Cbr>(default) | font-size: 1rem; 16px\u003Cbr>line-height: 1.5rem; 24px |\n| text-lg | font-size: 1. 125rem; 18px\u003Cbr>line-height: 1.75rem; / 28px / |\n| text-xl | font-size: 1.25rem; 20px\u003Cbr>line-height: 1.75rem; 28px |\n\ntext-2xl..9xl  \nBy baxter2  \n[cheatography.com/baxter2/](cheatography.com/baxter2/)  \nTypography-Text Transform  \nuppercase text-transform: uppercase;  \nlowercase text-transform: lowercase;  \ncapitalize text-transform: capitalize;  \nnormal-case text-transform: none;  \nlib/action_view/helpers/tags/datetime_f‐ ield.rb  \n| helper.datet‐ | \u003Cinput type=\"datetime-loca‐ |\n| --- | --- |\n| ime_field( :e‐ | l\" name=\"event[starts_at]\" |\n| vent , :start‐ s_at) | id=\"event_starts_at\" /> |\n| helper.datet‐ | \u003Cinput min=\"2022-08-23T‐ |\n| ime_field( :e‐ | 00:00:00\" type=\"datetime-l‐ |\n| vent , :start‐ | ocal\" name=\"event[starts_‐ |\n| s_at , min: [Date.today](Date.today)) | at]\" id=\"event_starts_at\" /> |\n\n{\"event\"=>  \n{ \"starts_at\"=>\"2022-12-25T00:01\" , }}  \nlib/action_view/helpers/tags/datetime_f‐ ield.rb  \n| helper.datet‐\u003Cbr>ime_field( :e‐\u003Cbr>vent , :start‐ s_at) | \u003Cinput type=\"datetime-loca‐ l\" name=\"event[starts_at]\"id=\"event_starts_at\" /> |\n| --- | --- |\n\n{\"event\"=>  \n{ \"starts_at\"=>\"2022-12-25T00:01\" , }}  \nNot published yet.  \nLast updated 6th November, 2022. Page 1 of 1.  \nSponsored by CrosswordCheats.com Learn to solve cryptic crosswords!  \n[http://crosswordcheats.com](http://crosswordcheats.com)","cbCaifvohcRNejFY","https://ap.wps.com/l/cbCaifvohcRNejFY","pdf",27919,"English","# Tailwindcss Typography\n## Font Size\n## Text Transform\n# Ruby on Rails Helpers\n## datetime_field Usage","[{\"question\":\"What are the standard Tailwindcss classes for font size?\",\"answer\":\"The document lists several classes including text-xs, text-sm, text-base (default), text-lg, and text-xl, each with specific font-size and line-height configurations.\"},{\"question\":\"How do you control text capitalization in Tailwindcss?\",\"answer\":\"You can use utilities like uppercase, lowercase, capitalize, or normal-case to manage the text-transform property of an element.\"},{\"question\":\"How is the datetime_field helper used in Ruby on Rails?\",\"answer\":\"The helper is used to generate HTML5 date-time input fields, such as helper.datetime_field(:event, :starts_at), which outputs an \\u003cinput\\u003e tag with specific name and id attributes.\"}]","Tailwindcss Cheat Sheet - Reference Guide | PDF",1791924439]