{"id":24,"date":"2015-08-18T08:11:21","date_gmt":"2015-08-18T08:11:21","guid":{"rendered":"https:\/\/demos.pixelgrade.com\/jason-lite\/?page_id=24"},"modified":"2020-01-07T14:28:51","modified_gmt":"2020-01-07T14:28:51","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\n<p class=\"intro\">You can add an introductory larger size text to your articles by simply wrapping a paragraph in a p tag with the CSS class of \u201cintro\u201d. Put simply, larger text will usually be read before smaller text.<\/p>\n\n\n\n<p>We paid a lot of attention to getting the basics of our typography right in the new WordPress Blog theme. The purpose of this page is to help determine what default settings are with CSS and to make sure that all possible elements are included. For example we looked at headings. Lovely <strong>headings<\/strong>.<\/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>ropcap<\/strong> can be added by wrapping the first letter of the first word in a span tag with the CSS class of \u201cdropcap\u201d. Instead of using the body text font, we use the display font from our titles. This also ties the two elements together if the display font works well with the body text.openers.&nbsp;You can also use a purely decorative font. There are thousands of decorative typefaces, and most of them aren\u2019t appropriate for use in a book\u2019s body text.<\/p>\n\n\n\n<div class=\"pull\">\n<blockquote><p>Blockquotes are a great way to display and format quotations. Insert beautiful quotes using the \u201cquote\u201d button from the visual editor. To add an author just wrap its name in a cite tag.<\/p><\/blockquote>\n<\/div>\n\n\n\n<p>Are you still making <strong>bulleted and numbered lists<\/strong> by manually typing bullets or numbers at the beginning of each line? In the 21st century, this is a task no one should be doing by hand.<\/p>\n\n\n\n<p>Tiny women carry amazingly large bags, twice their eighty-pound weight. Some of the women carry babies in slings around front. From a scientific perspective, creativity is your ability to think of something original from connections made between pre-existing ideas in your brain.<\/p>\n\n\n\n<p>Tiny women carry amazingly large bags, twice their eighty-pound weight. Some of the women carry babies in slings around front. From a scientific perspective, creativity is your ability to think of something original from connections made between pre-existing ideas in your brain.<\/p>\n\n\n\n<p><strong><span class=\"dropcap\">D<\/span>ropcap<\/strong> can be added by wrapping the first letter of the first word in a span tag with the CSS class of \u201cdropcap\u201d. Instead of using the body text font, we use the display font from our titles. This also ties the two elements together if the display font works well with the body text.openers.&nbsp;You can also use a purely decorative font. There are thousands of decorative typefaces, and most of them aren\u2019t appropriate for use in a book\u2019s body text.<\/p>\n\n\n\n<p>Are you still making <strong>bulleted and numbered lists<\/strong> by manually typing bullets or numbers at the beginning of each line? In the 21st century, this is a task no one should be doing by hand.<\/p>\n\n\n\n<p>Tiny women carry amazingly large bags, twice their eighty-pound weight. Some of the women carry babies in slings around front. From a scientific perspective, creativity is your ability to think of something original from connections made between pre-existing ideas in your brain.<\/p>\n\n\n\n<p>Tiny women carry amazingly large bags, twice their eighty-pound weight. Some of the women carry babies in slings around front. From a scientific perspective, creativity is your ability to think of something original from connections made between pre-existing ideas in your brain.<\/p>\n\n\n\n<div class=\"twocolumn\">\n<ul>\n<li>We took a good long look<\/li>\n<li>At<\/li>\n<li>Unordered<\/li>\n<li>Lists.<\/li>\n<\/ul>\n<ol>\n<li>Also we took a good look<\/li>\n<li>At<\/li>\n<li>Lists<\/li>\n<li>Of the ordered variety.<\/li>\n<\/ol>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Heading Three<\/h3>\n\n\n\n<p>This tag styles large <strong>blocks of code<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">pre {\n  margin: 0 0 5px;\n  font-weight: bold;\n  font-size: 16px;\n  line-height: 1.5;\n}<\/pre>\n\n\n\n<p>Tables are useful 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 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>Description<\/strong><\/td><\/tr><tr><td><strong>Humanist<\/strong><\/td><td>Sabon<\/td><td>Closely connected to calligraphy<\/td><\/tr><tr><td><strong>Transitional<\/strong><\/td><td>Baskerville<\/td><td>More abstract and less organic<\/td><\/tr><tr><td><strong>Modern<\/strong><\/td><td>Bodoni<\/td><td>Note the thin, straight serifs<\/td><\/tr><tr><td><strong>Slab Serif<\/strong><\/td><td>Clarendon<\/td><td>Egyptian typefaces have heavy serifs<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>To <span class=\"highlight\">highlight<\/span> a text, you simply need to wrap it into a &lt;span&gt; with the class \u201chighlight\u201d. This can be done in the Text editor view.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Two Column Layout<\/h3>\n\n\n\n<div class=\"twocolumn\">\n<p>To split the text in a <strong>two columns layout<\/strong> you simply need to wrap it into a div container with class \u201ctwocolumn\u201d. Having multiple columns allows for a very versatile ad grid, and, traditionally, newspapers were in the business of selling ads.babies in slings around front.There is a general rule that one line of unjustified text should have around 9-12 words.&nbsp;For justified text these numbers are around 10-15 words. Since some words are longer and some shorter this is not a perfect measurement.&nbsp;Small columns of text are easier to read than large ones. Imagine a newspaper sized line that stretched across an entire page. It would be very easy to skip a line.&nbsp;For justified text these numbers are around 10-15 words. Since some words are longer and some shorter this is not a perfect measuremenYou must ask yourself how to easily achieve these numbers? Don\u2019t worry it is easy, you won\u2019t have to count the characters one by one.<\/p>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Image Styles<\/h3>\n\n\n\n<p>Welcome to <strong>image alignment!<\/strong> The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let\u2019s get started.<\/p>\n\n\n\n<div class=\"wp-block-image wp-caption aligncenter\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/i0.wp.com\/pixelgrade.com\/demos\/hive\/wp-content\/uploads\/2014\/07\/style-guide-full-width.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"700\" data-attachment-id=\"145\" data-permalink=\"https:\/\/demos.pixelgrade.com\/jason-lite\/lifestyle\/summer-at-the-lake\/attachment\/deathtostock6\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DeathtoStock6.jpg?fit=1600%2C1067&amp;ssl=1\" data-orig-size=\"1600,1067\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1374851841&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"DeathtoStock6\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DeathtoStock6.jpg?fit=1050%2C700&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DeathtoStock6.jpg?resize=1050%2C700&#038;ssl=1\" alt=\"\" class=\"wp-image-145\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DeathtoStock6.jpg?w=1600&amp;ssl=1 1600w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DeathtoStock6.jpg?resize=900%2C600&amp;ssl=1 900w\" sizes=\"auto, (max-width: 899px) 100vw, (max-width: 1099px) 70vw, (max-width: 1509px) 67vw, 1070px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>The rest of this paragraph is filler for the sake of seeing the text wrap around a <strong>right aligned image<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"73\" data-permalink=\"https:\/\/demos.pixelgrade.com\/jason-lite\/travelling\/road-tripping-when-the-drive-is-the-feature\/attachment\/deathtostock_energyandserenity4\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DeathtoStock_EnergyandSerenity4.jpg?fit=1600%2C2400&amp;ssl=1\" data-orig-size=\"1600,2400\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"DeathtoStock_EnergyandSerenity4\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DeathtoStock_EnergyandSerenity4.jpg?fit=1050%2C1575&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DeathtoStock_EnergyandSerenity4-1333x2000.jpg?resize=333%2C500&#038;ssl=1\" alt=\"\" class=\"wp-image-73\" width=\"333\" height=\"500\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DeathtoStock_EnergyandSerenity4.jpg?resize=1333%2C2000&amp;ssl=1 1333w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DeathtoStock_EnergyandSerenity4.jpg?resize=600%2C900&amp;ssl=1 600w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DeathtoStock_EnergyandSerenity4.jpg?resize=400%2C600&amp;ssl=1 400w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DeathtoStock_EnergyandSerenity4.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 333px) 100vw, 333px\" \/><\/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 creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words.<span style=\"font-size: 1em; line-height: 1.5;\">As you can see there should be some space above, below, and to the left of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words.<\/span><\/p>\n\n\n\n<p>Let them do their jobs without any hassle from the text. In about one more sentence here, we\u2019ll see that the text moves from the right of the image down below the image in seamless transition.<\/p>\n\n\n\n<p>Don\u2019t let anyone&nbsp;else tell you differently. In just a bit here, you should see the text start to wrap below the left aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah\u2026 Just like that. It never felt so good to be right.<\/p>\n\n\n\n<p>Let them do their jobs without any hassle from the text. In about one more sentence here, we\u2019ll see that the text moves from the right of the image down below the image in seamless transition.<\/p>\n\n\n\n<p>And now we\u2019re going to shift things to&nbsp;the left align. Again, there should be &nbsp;plenty 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.<\/p>\n\n\n\n<div class=\"wp-block-image wp-caption alignleft\"><figure class=\"alignleft size-large is-resized\"><a href=\"https:\/\/i0.wp.com\/pixelgrade.com\/demos\/hive\/wp-content\/uploads\/2014\/07\/style-guide-left-aligned.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"21\" data-permalink=\"https:\/\/demos.pixelgrade.com\/jason-lite\/travelling\/capturing-the-pacific-coast-seattle-cycling\/attachment\/dscf3524\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?fit=3000%2C2000&amp;ssl=1\" data-orig-size=\"3000,2000\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"DSCF3524\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Among the disadvantages of cycling are the requirement of bicycles&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?fit=1050%2C700&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF3524-2000x1333.jpg?resize=500%2C333&#038;ssl=1\" alt=\"\" class=\"wp-image-21\" width=\"500\" height=\"333\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?resize=2000%2C1333&amp;ssl=1 2000w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?resize=900%2C600&amp;ssl=1 900w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?w=2100&amp;ssl=1 2100w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption>Among the disadvantages of cycling are the requirement of bicycles<\/figcaption><\/figure><\/div>\n\n\n\n<p>Don\u2019t let anyone&nbsp;else tell you differently. In just a bit here, you should see the text start to wrap below the left aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah\u2026 Just like that. It never felt so good to be right.<\/p>\n\n\n\n<p>And that\u2019s a wrap, yo! You survived the tumultuous waters of alignment. In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty.<\/p>\n\n\n\n<h1 class=\"entry-title h0 wp-block-heading\">Style Guide<\/h1>\n\n\n\n<p class=\"caption\">Labore reprehenderit corporis ullam distinctio&nbsp;ex.<\/p>\n\n\n\n<p>Consectetur adipisicing elit, alias at autem magna aliquid <a href=\"#\">quam proident<\/a> quis aliquam. temporibus minus eius veniam cupidatat ex, voluptas fuga, quos, mollitia incidunt do officia facilis. molestiae consequat excepturi laborum perferendis tempor minim eiusmod minim minus quia&nbsp;sint.<\/p>\n\n\n\n<p>Quos atque officia quod. <i>Suscipit delectus<\/i> cupidatat, quia nulla numquam aute cillum proident. Maiores iusto culpa molestias quam id tenetur saepe impedit reiciendis itaque ducimus itaque nostrud. Tempor aliquip, culpa earum itaque sed consequatur minus aliquip reprehenderit nihil veniam tempora do maxime omnis reiciendis elit&nbsp;tempora.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Perferendis tempor<\/li><li>Minim eiusmod<\/li><li>Tempor<\/li><li>Minus quia sint<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Voluptates mollitia quod tempore laboris&nbsp;commodi<\/h2>\n\n\n\n<p>Proident dolores corrupti consequatur voluptatibus labore commodi quos. <b>Incidunt mollitia<\/b> tempora assumenda laborum voluptate accusamus dolore optio incididunt. Maiores at duis consequatur corrupti consectetur, aliquam optio commodo accusamus distinctio, necessitatibus&nbsp;nostrum.<\/p>\n\n\n\n<p>Optio, nesciunt, quo, fugiat, blanditiis at quas excepturi quae maiores vel corrupti voluptate cupiditate nemo! In, eius quidem harum quibusdam ratione non. Iste, deleniti, fugit, voluptas aperiam qui adipisci provident ab accusantium possimus eveniet voluptate&nbsp;consectetur!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Repellat optio<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Ad perferendis omnis<\/h3>\n\n\n\n<p>Pariatur animi quis. Dolorem cupiditate <a href=\"#\">praesentium duis<\/a> iusto corrupti nobis nostrud, exercitation consequatur. Nulla minim dignissimos reprehenderit voluptatem. Recusandae delectus iure vel asperiores saepe dolorum omnis eu aliquam&nbsp;similique.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Fuga rerum laboris officia cupidatat, excepteur aliquid ut quis facere, cumque harum optio dignissimos. Duis repellat tempore dolor blanditiis alias impedit officiis ut&nbsp;consectetur.<\/p><\/blockquote>\n\n\n\n<pre class=\"wp-block-code\"><code>body {\n    color: blue;\n}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Quibusdam illum quo<\/h4>\n\n\n\n<p>Quos laboris eos, laborum animi. Ea blanditiis ducimus fugiat officia nostrud consectetur recusandae excepteur. Quis qui maiores distinctio facilis saepe&nbsp;eos.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Consectetur nobis consequat voluptates&nbsp;eiusmod<\/h5>\n\n\n\n<p>Iure vel nostrud repellendus. <b>Nostrud<\/b> autem consequatur, provident officiis qui, mollit exercitation. Veniam minus cillum suscipit aliqua, tenetur. Anim mollitia necessitatibus ad quos consectetur voluptatem do&nbsp;<a href=\"#\">corporis<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Perferendis tempor<\/li><li>Minim eiusmod<\/li><li>Tempor<\/li><li>Minus quia sint<\/li><\/ul>\n\n\n\n<p>Corporis eligendi minim, enim proident reprehenderit iusto. <i>Reprehenderit<\/i> commodo commodi, repudiandae voluptas saepe sint libero. Praesentium eius distinctio ullamco vero iusto praesentium eligendi animi. Consectetur dolore vero similique dolore, ut labore&nbsp;omnis.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Maxime alias anim similique<\/h6>\n\n\n\n<p>Omnis corporis assumenda nisi ullam dolores culpa repellat. Molestias praesentium necessitatibus minus, reiciendis officiis commodo incidunt. Consectetur nostrud odio numquam&nbsp;tenetur.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h1 class=\"h0 wp-block-heading\">Heading 1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Heading 2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Heading 3<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Heading 4<\/h4>\n\n\n\n<p>Paragraph with <b>bold<\/b>, <i>italic<\/i>, <a href=\"#\">link<\/a> and <code>code<\/code> styles.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Blockquote<\/p><\/blockquote>\n\n\n\n<p class=\"caption\">Caption text<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-4 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF3524.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"700\" data-attachment-id=\"21\" data-permalink=\"https:\/\/demos.pixelgrade.com\/jason-lite\/travelling\/capturing-the-pacific-coast-seattle-cycling\/attachment\/dscf3524\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?fit=3000%2C2000&amp;ssl=1\" data-orig-size=\"3000,2000\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"DSCF3524\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Among the disadvantages of cycling are the requirement of bicycles&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?fit=1050%2C700&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF3524.jpg?resize=1050%2C700&#038;ssl=1\" alt=\"\" data-id=\"21\" class=\"wp-image-21\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?w=3000&amp;ssl=1 3000w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?resize=900%2C600&amp;ssl=1 900w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?resize=2000%2C1333&amp;ssl=1 2000w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3524.jpg?w=2100&amp;ssl=1 2100w\" sizes=\"auto, (max-width: 899px) 100vw, (max-width: 1099px) 70vw, (max-width: 1509px) 67vw, 1070px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF3710.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"700\" data-attachment-id=\"20\" data-permalink=\"https:\/\/demos.pixelgrade.com\/jason-lite\/travelling\/capturing-the-pacific-coast-seattle-cycling\/attachment\/dscf3710\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3710.jpg?fit=3000%2C2000&amp;ssl=1\" data-orig-size=\"3000,2000\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"DSCF3710\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Speed is a factor that distinguishes walking from running&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3710.jpg?fit=1050%2C700&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF3710.jpg?resize=1050%2C700&#038;ssl=1\" alt=\"\" data-id=\"20\" class=\"wp-image-20\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3710.jpg?w=3000&amp;ssl=1 3000w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3710.jpg?resize=900%2C600&amp;ssl=1 900w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3710.jpg?resize=2000%2C1333&amp;ssl=1 2000w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3710.jpg?w=2100&amp;ssl=1 2100w\" sizes=\"auto, (max-width: 899px) 100vw, (max-width: 1099px) 70vw, (max-width: 1509px) 67vw, 1070px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF40161.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"811\" data-attachment-id=\"17\" data-permalink=\"https:\/\/demos.pixelgrade.com\/jason-lite\/travelling\/capturing-the-pacific-coast-seattle-cycling\/attachment\/dscf4016-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF40161.jpg?fit=2653%2C2048&amp;ssl=1\" data-orig-size=\"2653,2048\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"DSCF4016\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF40161.jpg?fit=1050%2C811&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF40161.jpg?resize=1050%2C811&#038;ssl=1\" alt=\"\" data-id=\"17\" class=\"wp-image-17\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF40161.jpg?w=2653&amp;ssl=1 2653w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF40161.jpg?resize=900%2C695&amp;ssl=1 900w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF40161.jpg?resize=2000%2C1544&amp;ssl=1 2000w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF40161.jpg?resize=777%2C600&amp;ssl=1 777w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF40161.jpg?w=2100&amp;ssl=1 2100w\" sizes=\"auto, (max-width: 899px) 100vw, (max-width: 1099px) 70vw, (max-width: 1509px) 67vw, 1070px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF4016.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"811\" data-attachment-id=\"16\" data-permalink=\"https:\/\/demos.pixelgrade.com\/jason-lite\/travelling\/capturing-the-pacific-coast-seattle-cycling\/attachment\/dscf4016\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF4016.jpg?fit=2653%2C2048&amp;ssl=1\" data-orig-size=\"2653,2048\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"DSCF4016\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF4016.jpg?fit=1050%2C811&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF4016.jpg?resize=1050%2C811&#038;ssl=1\" alt=\"\" data-id=\"16\" class=\"wp-image-16\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF4016.jpg?w=2653&amp;ssl=1 2653w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF4016.jpg?resize=900%2C695&amp;ssl=1 900w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF4016.jpg?resize=2000%2C1544&amp;ssl=1 2000w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF4016.jpg?resize=777%2C600&amp;ssl=1 777w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF4016.jpg?w=2100&amp;ssl=1 2100w\" sizes=\"auto, (max-width: 899px) 100vw, (max-width: 1099px) 70vw, (max-width: 1509px) 67vw, 1070px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF3530.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1050\" height=\"700\" data-attachment-id=\"8\" data-permalink=\"https:\/\/demos.pixelgrade.com\/jason-lite\/travelling\/capturing-the-pacific-coast-seattle-cycling\/attachment\/dscf3530\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3530.jpg?fit=3624%2C2416&amp;ssl=1\" data-orig-size=\"3624,2416\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"DSCF3530\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Cycling is widely regarded as a very effective and efficient mode of transportation&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3530.jpg?fit=1024%2C683&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DSCF3530.jpg?resize=1050%2C700&#038;ssl=1\" alt=\"\" data-id=\"8\" class=\"wp-image-8\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3530.jpg?w=3624&amp;ssl=1 3624w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3530.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3530.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3530.jpg?resize=900%2C600&amp;ssl=1 900w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3530.jpg?w=2100&amp;ssl=1 2100w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/DSCF3530.jpg?w=3150&amp;ssl=1 3150w\" sizes=\"auto, (max-width: 899px) 100vw, (max-width: 1099px) 70vw, (max-width: 1509px) 67vw, 1070px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/about-profile.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" data-attachment-id=\"34\" data-permalink=\"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/attachment\/about-profile\/\" data-orig-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/about-profile.jpg?fit=300%2C300&amp;ssl=1\" data-orig-size=\"300,300\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"about-profile\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Left aligned image with caption&lt;br \/&gt;\nCredits to Laurent Nivalle.&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/about-profile.jpg?fit=300%2C300&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/about-profile.jpg?resize=300%2C300&#038;ssl=1\" alt=\"\" data-id=\"34\" class=\"wp-image-34\" srcset=\"https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/about-profile.jpg?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/demos.pixelgrade.com\/jason-lite\/wp-content\/uploads\/sites\/89\/2015\/08\/about-profile.jpg?resize=150%2C150&amp;ssl=1 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>Ordered list element one<\/li><li>Ordered list element two<\/li><li>Ordered list element three<\/li><\/ol>\n\n\n\n<ul class=\"wp-block-list\"><li>Unordered list element one<\/li><li>Unordered list element two<\/li><li>Unordered list element three<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You can add an introductory larger size text to your articles by simply wrapping a paragraph in a p tag with the CSS class of \u201cintro\u201d. Put simply, larger text will usually be read before smaller text. We paid a lot of attention to getting the basics of our typography right in the new WordPress&hellip;<\/p>\n","protected":false},"author":8167,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry","autostyle-intro"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Style Guide - Jason Lite<\/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 - Jason Lite\" \/>\n<meta property=\"og:description\" content=\"You can add an introductory larger size text to your articles by simply wrapping a paragraph in a p tag with the CSS class of \u201cintro\u201d. Put simply, larger text will usually be read before smaller text. We paid a lot of attention to getting the basics of our typography right in the new WordPress&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Jason Lite\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-07T14:28:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DeathtoStock6.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/#website\",\"url\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/\",\"name\":\"Jason Lite\",\"description\":\"A Boutique Travel Journal\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/#primaryimage\",\"url\":\"https:\/\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DeathtoStock6.jpg\",\"contentUrl\":\"https:\/\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DeathtoStock6.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/\",\"url\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/\",\"name\":\"Style Guide - Jason Lite\",\"isPartOf\":{\"@id\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/#primaryimage\"},\"datePublished\":\"2015-08-18T08:11:21+00:00\",\"dateModified\":\"2020-01-07T14:28:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/demos.pixelgrade.com\/jason-lite\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Style Guide\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Style Guide - Jason Lite","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 - Jason Lite","og_description":"You can add an introductory larger size text to your articles by simply wrapping a paragraph in a p tag with the CSS class of \u201cintro\u201d. Put simply, larger text will usually be read before smaller text. We paid a lot of attention to getting the basics of our typography right in the new WordPress&hellip;","og_url":"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/","og_site_name":"Jason Lite","article_modified_time":"2020-01-07T14:28:51+00:00","og_image":[{"url":"https:\/\/cdn.demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DeathtoStock6.jpg"}],"twitter_card":"summary","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/demos.pixelgrade.com\/jason-lite\/#website","url":"https:\/\/demos.pixelgrade.com\/jason-lite\/","name":"Jason Lite","description":"A Boutique Travel Journal","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demos.pixelgrade.com\/jason-lite\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/#primaryimage","url":"https:\/\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DeathtoStock6.jpg","contentUrl":"https:\/\/demos.pixelgrade.com\/wp-content\/uploads\/sites\/20\/2015\/08\/DeathtoStock6.jpg"},{"@type":"WebPage","@id":"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/","url":"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/","name":"Style Guide - Jason Lite","isPartOf":{"@id":"https:\/\/demos.pixelgrade.com\/jason-lite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/#primaryimage"},"datePublished":"2015-08-18T08:11:21+00:00","dateModified":"2020-01-07T14:28:51+00:00","breadcrumb":{"@id":"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/demos.pixelgrade.com\/jason-lite\/style-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demos.pixelgrade.com\/jason-lite\/"},{"@type":"ListItem","position":2,"name":"Style Guide"}]}]}},"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_shortlink":"https:\/\/wp.me\/P8pzmg-o","_links":{"self":[{"href":"https:\/\/demos.pixelgrade.com\/jason-lite\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.pixelgrade.com\/jason-lite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.pixelgrade.com\/jason-lite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.pixelgrade.com\/jason-lite\/wp-json\/wp\/v2\/users\/8167"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.pixelgrade.com\/jason-lite\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":0,"href":"https:\/\/demos.pixelgrade.com\/jason-lite\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"wp:attachment":[{"href":"https:\/\/demos.pixelgrade.com\/jason-lite\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}