{"id":69,"date":"2017-03-20T10:22:56","date_gmt":"2017-03-20T10:22:56","guid":{"rendered":"https:\/\/demos.pixelgrade.com\/julia\/?page_id=69"},"modified":"2019-11-28T11:05:28","modified_gmt":"2019-11-28T09:05:28","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\n<p class=\"intro\">You can add an intro\u00adduc\u00adto\u00adry larg\u00ader size text to your arti\u00adcles by sim\u00adply wrap\u00adping a para\u00adgraph in a p tag with the CSS class of \u201cintro\u201d. Put sim\u00adply, larg\u00ader text will usu\u00adal\u00adly be read before small\u00ader&nbsp;text.<\/p>\n\n\n\n<p>We paid a lot of atten\u00adtion to get\u00adting the basics of our typog\u00adra\u00adphy right in the new Word\u00adPress Blog theme. The pur\u00adpose of this page is to help deter\u00admine what default set\u00adtings are with CSS and to make sure that all pos\u00adsi\u00adble ele\u00adments are includ\u00aded. For exam\u00adple we looked at head\u00adings. Love\u00adly headings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Heading Two Formatting<\/h2>\n\n\n\n<p><strong><span class=\"dropcap\">D<\/span>rop\u00adcap<\/strong> can be added by wrap\u00adping the first let\u00adter of the first word in a span tag with the CSS class of \u201cdrop\u00adcap\u201d. Instead of using the body text font, we use the dis\u00adplay font from our titles. This also ties the two ele\u00adments togeth\u00ader if the dis\u00adplay font works well with the body text.openers.<\/p>\n\n\n\n<p>We\u2019ve con\u00adsid\u00adered the needs of cooks that want to start their recipe jour\u00adnal, so we are styled the recipe for\u00admat in such way that it beau\u00adti\u00adful\u00adly dis\u00adplays the prepa\u00adra\u00adtion&nbsp;steps.<\/p>\n\n\n\n<div class=\"hrecipe h-recipe jetpack-recipe\" itemscope itemtype=\"https:\/\/schema.org\/Recipe\"><h3 class=\"p-name jetpack-recipe-title fn\" itemprop=\"name\">Pumpkin Pancakes with Apple Compote and Candied Nuts<\/h3><ul class=\"jetpack-recipe-meta\"><li class=\"jetpack-recipe-servings p-yield yield\" itemprop=\"recipeYield\"><strong>Serv\u00adings: <\/strong>4\u20136<\/li><li class=\"jetpack-recipe-time\">\n\t\t\t\t<time itemprop=\"totalTime\" datetime=\"1hr 15mins\"><strong>Time:<\/strong> <span class=\"time\">1hr 15mins<\/span><\/time>\n\t\t\t<\/li><li class=\"jetpack-recipe-difficulty\"><strong>Dif\u00adfi\u00adcul\u00adty: <\/strong>easy<\/li><li class=\"jetpack-recipe-print\"><a href=\"#\">Print<\/a><\/li><\/ul><div class=\"jetpack-recipe-content\">\n\n\n\n<p>Put your recipe here. Tip: use ordered and unordered lists, head\u00adings, images, and links to improve the look of your recipe. You can also use spe\u00adcial tags to for\u00admat notes, ingre\u00addi\u00adents, and directions.<\/p>\n\n\n\n<p><\/p><div class=\"jetpack-recipe-ingredients\"><h4 class=\"jetpack-recipe-ingredients-title\">Ingredients<\/h4><br>- 1 cup raw shelled nuts<br>- <sup class=\"numerator\">1<\/sup>\u2044<sub class=\"denominator\">4<\/sub> cup light brown sug\u00adar<br>- 2 table\u00adspoons unsalt\u00aded but\u00adter<br>- 2 tea\u00adspoons rose\u00admary<br>- 1 tea\u00adspoon flake sea salt<br>- <sup class=\"numerator\">1<\/sup>\u2044<sub class=\"denominator\">2<\/sub> tea\u00adspoon chili flakes<br><\/div>\n\n\n\n<p><\/p><div class=\"jetpack-recipe-directions e-instructions\"><h4 class=\"jetpack-recipe-directions-title\">Directions<\/h4><br>1. Line a bak\u00ading sheet with parch\u00adment paper and set it aside.<br>2. Melt the but\u00adter over medi\u00adum high heat in a large fry\u00ading pan. Add the brown sug\u00adar and stir to com\u00adbine.<br>3. Con\u00adtin\u00adue cook\u00ading until the sug\u00adar melts, about 3 to 5 min\u00adutes, stir\u00adring every minute.<br>4. Add the nuts and cook until they are toast\u00aded and very fra\u00adgrant, about 8 min\u00adutes, stir\u00adring every minute.<br>5. If the pan begins smok\u00ading, remove it from the heat and stir it until it stops smok\u00ading, then place it back over the heat and con\u00adtin\u00adue stir\u00adring every minute until the nuts are suf\u00adfi\u00adcient\u00adly toast\u00aded.<br>6. Emp\u00adty the pan con\u00adtents onto the parch\u00adment paper-lined bak\u00ading sheet and spread the nuts mix\u00adture out even\u00adly using a spat\u00adu\u00adla. Imme\u00addi\u00adate\u00adly sprin\u00adkle with the rose\u00admary, salt, and chili. Allow to cool to room tem\u00adper\u00ada\u00adture.<br>7. Once cooled, break apart any large chunks of nuts into indi\u00advid\u00adual nuts and&nbsp;serve.<br><\/div>\n\n\n\n<p><\/p><div class=\"jetpack-recipe-notes\">\n\n\n\n<p class=\"p1\">Tips &amp; Tricks: And the whipped cream round\u00aded out all the fla\u00advors and just added a nice and fluffy ele\u00adment to the dish. YUM. I got all my ingre\u00addi\u00adents at New Sea\u00adsons Mar\u00adket, which is a store local to the Pacif\u00adic North\u00adwest area that sells a huge array of deli\u00adcious sea\u00adson\u00adal fresh pro\u00adduce and all-nat\u00adur\u00adal ingre\u00addi\u00adents. You can see if there\u2019s a store near you using their find-a-store loca\u00adtor&nbsp;here.<\/p><\/div>\n\n\n\n<p><\/p><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Heading Three<\/h3>\n\n\n\n<p>You can also use a pure\u00adly dec\u00ado\u00adra\u00adtive font. There are thou\u00adsands of dec\u00ado\u00adra\u00adtive type\u00adfaces, and most of them aren\u2019t appro\u00adpri\u00adate for use in a book\u2019s body&nbsp;text.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Block\u00adquotes are a great way to dis\u00adplay and for\u00admat quo\u00adta\u00adtions. Insert beau\u00adti\u00adful quotes using<em><strong> the \u201cquote\u201d but\u00adton<\/strong><\/em> from the visu\u00adal edi\u00adtor. To add an author just wrap its name in a <em><strong>cite<\/strong><\/em> tag.<\/p><\/blockquote>\n\n\n\n<p>Tables are use\u00adful for lay\u00adouts where text needs to be po\u00adsi\u00adtioned side-by-side or float\u00ading at spe\u00adcif\u00adic lo\u00adca\u00adtions on the page. If mak\u00ading these is frus\u00adtrat\u00ading with the usu\u00adal lay\u00adout tools, try us\u00ading a&nbsp;table.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class><tbody><tr><td><strong>Type<\/strong><\/td><td><strong>Font<\/strong><\/td><td><strong>Descrip\u00adtion<\/strong><\/td><\/tr><tr><td><strong>Human\u00adist<\/strong><\/td><td>Sabon<\/td><td>Close\u00adly con\u00adnect\u00aded to calligraphy<\/td><\/tr><tr><td><strong>Tran\u00adsi\u00adtion\u00adal<\/strong><\/td><td>Baskerville<\/td><td>More abstract and less organic<\/td><\/tr><tr><td><strong>Mod\u00adern<\/strong><\/td><td>Bodoni<\/td><td>Note the thin, straight serifs<\/td><\/tr><tr><td><strong>Slab Serif<\/strong><\/td><td>Claren\u00addon<\/td><td>Egypt\u00adian type\u00adfaces have heavy serifs<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>To <span class=\"highlight\">high\u00adlight<\/span> a text, you sim\u00adply need to wrap it into a &lt;span&gt; with the class \u201chigh\u00adlight\u201d. This can be done in the Text edi\u00adtor&nbsp;view.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Heading four<\/h4>\n\n\n\n<h2 class=\"wp-block-heading\">Image Styles<\/h2>\n\n\n\n<p>Wel\u00adcome to <strong>image align\u00adment!<\/strong> The best way to demon\u00adstrate the ebb and flow of the var\u00adi\u00adous image posi\u00adtion\u00ading options is to nes\u00adtle them snug\u00adgly among an ocean of words. Grab a pad\u00addle and let\u2019s get started.<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-33 size-full\"><figure class=\"aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"480\" data-attachment-id=\"33\" data-permalink=\"https:\/\/demos.pixelgrade.com\/julia\/best-kept-secret-supper-at-noble-roots\/pumpkin-pancakes-by-eva-kosmas-flores-8\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8.jpg?fit=2500%2C1667&amp;ssl=1\" data-orig-size=\"2500,1667\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;1.6&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;Canon EOS 5D Mark III&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1476171142&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;85&quot;,&quot;iso&quot;:&quot;500&quot;,&quot;shutter_speed&quot;:&quot;0.01&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8\" data-image-description data-image-caption data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8.jpg?fit=720%2C480&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8.jpg?resize=720%2C480&#038;ssl=1\" alt class=\"wp-image-33\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8.jpg?w=2500&amp;ssl=1 2500w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8.jpg?resize=624%2C416&amp;ssl=1 624w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8.jpg?w=1440&amp;ssl=1 1440w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-8.jpg?w=2160&amp;ssl=1 2160w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\"><figcaption>The image above hap\u00adpens to be a cen\u00adtered full-width example.<\/figcaption><\/figure><\/div>\n\n\n\n<p>The rest of this para\u00adgraph is filler for the sake of see\u00ading the text wrap around a <strong>right aligned image<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"43\" data-permalink=\"https:\/\/demos.pixelgrade.com\/julia\/pumpkin-pancakes-apple-compote\/pumpkin-pancakes-by-eva-kosmas-flores\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores.jpg?fit=1667%2C2500&amp;ssl=1\" data-orig-size=\"1667,2500\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;1.4&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;Canon EOS 5D Mark III&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1476168751&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;85&quot;,&quot;iso&quot;:&quot;320&quot;,&quot;shutter_speed&quot;:&quot;0.01&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Pumpkin-Pancakes-by-Eva-Kosmas-Flores\" data-image-description data-image-caption data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores.jpg?fit=683%2C1024&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-683x1024.jpg?resize=171%2C256&#038;ssl=1\" alt class=\"wp-image-43\" width=\"171\" height=\"256\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores.jpg?resize=683%2C1024&amp;ssl=1 683w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores.jpg?resize=200%2C300&amp;ssl=1 200w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores.jpg?resize=768%2C1152&amp;ssl=1 768w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores.jpg?resize=624%2C936&amp;ssl=1 624w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores.jpg?w=1667&amp;ssl=1 1667w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores.jpg?w=1440&amp;ssl=1 1440w\" sizes=\"auto, (max-width: 171px) 100vw, 171px\"><\/figure><\/div>\n\n\n\n<p>As you can see there should be some space above, below, and to the left of the image. The text should not be creep\u00ading on the image. Creep\u00ading is just not right. Images need breath\u00ading room too. Let them speak like you words.<span style=\"font-size: 1em; line-height: 1.5;\"><br>As you can see there should be some space above, below, and to the left of the image. The text should not be creep\u00ading on the image. Creep\u00ading is just not right. Images need breath\u00ading room too. Let them speak like you&nbsp;words.<\/span><\/p>\n\n\n\n<p>Let them do their jobs with\u00adout any has\u00adsle from the text. In about one more sen\u00adtence here, we\u2019ll see that the text moves from the right of the image down below the image in seam\u00adless transition.<\/p>\n\n\n\n<p>Don\u2019t let any\u00adone&nbsp;else tell you dif\u00adfer\u00adent\u00adly. In just a bit here, you should see the text start to wrap below the left aligned image and set\u00adtle in nice\u00adly. There should still be plen\u00adty of room and every\u00adthing should be sit\u00adting pret\u00adty. Yeah\u2026 Just like that. It nev\u00ader felt so good to be&nbsp;right.<\/p>\n\n\n\n<p>Let them do their jobs with\u00adout any has\u00adsle from the text. In about one more sen\u00adtence here, we\u2019ll see that the text moves from the right of the image down below the image in seam\u00adless transition.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"39\" data-permalink=\"https:\/\/demos.pixelgrade.com\/julia\/linzer-cookies-with-cranberry-mascarpone\/pumpkin-pancakes-by-eva-kosmas-flores-13\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-13.jpg?fit=2500%2C1667&amp;ssl=1\" data-orig-size=\"2500,1667\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;1.4&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;Canon EOS 5D Mark III&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1476168693&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;50&quot;,&quot;iso&quot;:&quot;320&quot;,&quot;shutter_speed&quot;:&quot;0.01&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Pumpkin-Pancakes-by-Eva-Kosmas-Flores-13\" data-image-description data-image-caption data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-13.jpg?fit=720%2C480&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-13-1024x683.jpg?resize=256%2C171&#038;ssl=1\" alt class=\"wp-image-39\" width=\"256\" height=\"171\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-13.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-13.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-13.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-13.jpg?resize=624%2C416&amp;ssl=1 624w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-13.jpg?w=1440&amp;ssl=1 1440w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/julia\/wp-content\/uploads\/sites\/27\/2017\/03\/Pumpkin-Pancakes-by-Eva-Kosmas-Flores-13.jpg?w=2160&amp;ssl=1 2160w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\"><\/figure><\/div>\n\n\n\n<p>And now we\u2019re going to shift things to&nbsp;the left align. Again, there should be &nbsp;plen\u00adty of room above, below, and to the right of the image. Just look at him there\u2026 Hey guy! Way to rock that left side. I don\u2019t care what the right aligned image says, you look great.<br>Don\u2019t let any\u00adone&nbsp;else tell you dif\u00adfer\u00adent\u00adly. In just a bit here, you should see the text start to wrap below the left aligned image and set\u00adtle in nice\u00adly. There should still be plen\u00adty of room and every\u00adthing should be sit\u00adting pret\u00adty. Yeah\u2026 Just like that. It nev\u00ader felt so good to be&nbsp;right.<\/p>\n\n\n\n<p>And that\u2019s a wrap, yo! You sur\u00advived the tumul\u00adtuous waters of align\u00adment. In just a bit here, you should see the text start to wrap below the right aligned image and set\u00adtle in nice\u00adly. There should still be plen\u00adty of room and every\u00adthing should be sit\u00adting pretty.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can add an intro\u00adduc\u00adto\u00adry larg\u00ader size text to your arti\u00adcles by sim\u00adply wrap\u00adping a para\u00adgraph in a p tag with the CSS class&nbsp;of..<\/p>\n","protected":false},"author":1,"featured_media":-1,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"class_list":["post-69","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Style Guide &ndash; Julia<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Style Guide &ndash; Julia\" \/>\n<meta property=\"og:description\" content=\"You can add an intro\u00adduc\u00adto\u00adry larg\u00ader size text to your arti\u00adcles by sim\u00adply wrap\u00adping a para\u00adgraph in a p tag with the CSS class of..\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Julia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pixelgrademedia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-28T09:05:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:site\" content=\"@pixelgrade\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/demos.pixelgrade.com\/julia\/#website\",\"url\":\"https:\/\/demos.pixelgrade.com\/julia\/\",\"name\":\"Julia\",\"description\":\"An Eater&#039;s Manifesto\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/demos.pixelgrade.com\/julia\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/\",\"url\":\"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/\",\"name\":\"Style Guide &ndash; Julia\",\"isPartOf\":{\"@id\":\"https:\/\/demos.pixelgrade.com\/julia\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/#primaryimage\"},\"datePublished\":\"2017-03-20T10:22:56+00:00\",\"dateModified\":\"2019-11-28T09:05:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/demos.pixelgrade.com\/julia\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Style Guide\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Style Guide &ndash; Julia","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Style Guide &ndash; Julia","og_description":"You can add an intro\u00adduc\u00adto\u00adry larg\u00ader size text to your arti\u00adcles by sim\u00adply wrap\u00adping a para\u00adgraph in a p tag with the CSS class of..","og_url":"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/","og_site_name":"Julia","article_publisher":"https:\/\/www.facebook.com\/pixelgrademedia\/","article_modified_time":"2019-11-28T09:05:28+00:00","twitter_card":"summary","twitter_site":"@pixelgrade","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/demos.pixelgrade.com\/julia\/#website","url":"https:\/\/demos.pixelgrade.com\/julia\/","name":"Julia","description":"An Eater&#039;s Manifesto","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demos.pixelgrade.com\/julia\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/#primaryimage","url":"","contentUrl":""},{"@type":"WebPage","@id":"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/","url":"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/","name":"Style Guide &ndash; Julia","isPartOf":{"@id":"https:\/\/demos.pixelgrade.com\/julia\/#website"},"primaryImageOfPage":{"@id":"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/#primaryimage"},"datePublished":"2017-03-20T10:22:56+00:00","dateModified":"2019-11-28T09:05:28+00:00","breadcrumb":{"@id":"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demos.pixelgrade.com\/julia\/style-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/demos.pixelgrade.com\/julia\/style-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demos.pixelgrade.com\/julia\/"},{"@type":"ListItem","position":2,"name":"Style Guide"}]}]}},"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/demos.pixelgrade.com\/julia\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.pixelgrade.com\/julia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.pixelgrade.com\/julia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.pixelgrade.com\/julia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.pixelgrade.com\/julia\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":0,"href":"https:\/\/demos.pixelgrade.com\/julia\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demos.pixelgrade.com\/julia\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/demos.pixelgrade.com\/julia\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}