{"id":2115,"date":"2022-05-25T02:16:47","date_gmt":"2022-05-25T02:16:47","guid":{"rendered":"https:\/\/ncmaz-2.chisnghiax.com\/?p=2115"},"modified":"2022-05-25T02:16:47","modified_gmt":"2022-05-25T02:16:47","slug":"post-containt-ncmaz-gutenberg-blocks","status":"publish","type":"post","link":"https:\/\/www.moqawama-media.com\/ar\/2022\/05\/25\/post-containt-ncmaz-gutenberg-blocks\/","title":{"rendered":"Post containt Ncmaz Gutenberg blocks"},"content":{"rendered":"\n<p>Until now, trying to style an article, document, or blog post with Tailwind has been a tedious task that required a keen eye for typography and a lot of complex custom CSS.<\/p>\n\n\n\n<p>By default, Tailwind removes all of the default browser styling from paragraphs, headings, lists and more. This ends up being really useful for building application UIs because you spend less time undoing user-agent styles, but when you\u00a0<em>really are<\/em>\u00a0just trying to style some content that came from a rich-text editor in a CMS or a markdown file, it can be surprising and unintuitive.<\/p>\n\n\n\n<div class=\"wp-block-group not-prose is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-ncmaz-core-block-posts-slider\" data-nc-gutenberg-section=\"true\" data-nc-gutenberg-section-type=\"block-posts-slider\" data-nc-gutenberg-section-api=\"{&quot;blockName&quot;:&quot;nc-block-posts-slider&quot;,&quot;graphQLvariables&quot;:{&quot;variables&quot;:{&quot;categoryIn&quot;:[],&quot;tagIn&quot;:[],&quot;authorIn&quot;:[],&quot;order&quot;:&quot;DESC&quot;,&quot;field&quot;:&quot;AUTHOR&quot;,&quot;first&quot;:10},&quot;queryString&quot;:&quot;GQL_QUERY_GET_POSTS_BY_FILTER&quot;},&quot;settings&quot;:{&quot;blockLayoutStyle&quot;:&quot;layout-1&quot;,&quot;postCardName&quot;:&quot;card9&quot;,&quot;showFilterTab&quot;:false,&quot;viewMoreHref&quot;:&quot;#&quot;,&quot;heading&quot;:&quot;Heading of section slider&quot;,&quot;subHeading&quot;:&quot;This is sub heading of section...&quot;,&quot;hasBackground&quot;:false,&quot;categories&quot;:[],&quot;itemPerView&quot;:3,&quot;sliderStartAt&quot;:0,&quot;sliderAutoplayTime&quot;:0,&quot;sliderHoverpause&quot;:false,&quot;sliderAnimationDuration&quot;:400,&quot;sliderRewind&quot;:true}}\"><\/div>\n\n\n\n<div style=\"height:63px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-ncmaz-core-block-terms-slider\" data-nc-gutenberg-section=\"true\" data-nc-gutenberg-section-type=\"block-terms-slider\" data-nc-gutenberg-section-api=\"{&quot;blockName&quot;:&quot;nc-block-terms-grid&quot;,&quot;graphQLvariables&quot;:{&quot;variables&quot;:{&quot;order&quot;:&quot;DESC&quot;,&quot;orderby&quot;:&quot;NAME&quot;,&quot;first&quot;:10},&quot;queryString&quot;:&quot;GQL_QUERY_GET_CATEGORIES_BY_FILTER&quot;},&quot;settings&quot;:{&quot;termCardName&quot;:&quot;card2&quot;,&quot;heading&quot;:&quot;Heading of section slider&quot;,&quot;subHeading&quot;:&quot;This is sub heading of section...&quot;,&quot;hasBackground&quot;:false,&quot;itemPerView&quot;:3,&quot;sliderStartAt&quot;:0,&quot;sliderAutoplayTime&quot;:0,&quot;sliderHoverpause&quot;:false,&quot;sliderAnimationDuration&quot;:400,&quot;sliderRewind&quot;:true}}\"><\/div>\n<\/div>\n\n\n\n<p>We get lots of complaints about it actually, with people regularly asking us things like:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Why is Tailwind removing the default styles on my&nbsp;<code>h1<\/code>&nbsp;elements? How do I disable this? What do you mean I lose all the other base styles too?<\/p><\/blockquote>\n\n\n\n<p>We hear you, but we&#8217;re not convinced that simply disabling our base styles is what you really want. You don&#8217;t want to have to remove annoying margins every time you use a&nbsp;<code>p<\/code>&nbsp;element in a piece of your dashboard UI. And I doubt you really want your blog posts to use the user-agent styles either \u2014 you want them to look&nbsp;<em>awesome<\/em>, not awful.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Until now, trying to style an article, document, or blog post with Tailwind has been a tedious task that required a keen eye for typography and a lot of complex custom CSS. By default, Tailwind removes all of the default browser styling from paragraphs, headings, lists and more. This ends up being really useful for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2115","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/www.moqawama-media.com\/ar\/wp-json\/wp\/v2\/posts\/2115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.moqawama-media.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.moqawama-media.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.moqawama-media.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.moqawama-media.com\/ar\/wp-json\/wp\/v2\/comments?post=2115"}],"version-history":[{"count":0,"href":"https:\/\/www.moqawama-media.com\/ar\/wp-json\/wp\/v2\/posts\/2115\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.moqawama-media.com\/ar\/wp-json\/wp\/v2\/media?parent=2115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.moqawama-media.com\/ar\/wp-json\/wp\/v2\/categories?post=2115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.moqawama-media.com\/ar\/wp-json\/wp\/v2\/tags?post=2115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}