{"id":4655,"date":"2020-05-08T20:31:18","date_gmt":"2020-05-08T20:31:18","guid":{"rendered":"https:\/\/wordpress-theme.spider-themes.net\/docly\/docs\/rogan-wordpress-theme-documentation\/code\/code-twilight-theme\/"},"modified":"2020-05-08T20:31:18","modified_gmt":"2020-05-08T20:31:18","slug":"code-twilight-theme","status":"publish","type":"docs","link":"https:\/\/sangamap.store\/?docs=docly-documentation\/code\/code-twilight-theme","title":{"rendered":"Code Twilight Theme"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4655\" class=\"elementor elementor-4655\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-794178fe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"794178fe\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-500d3cb6\" data-id=\"500d3cb6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e9c1a0e elementor-widget elementor-widget-heading\" data-id=\"e9c1a0e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Inline code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-135c1fb3 elementor-widget elementor-widget-text-editor\" data-id=\"135c1fb3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Wrap inline snippets of code with<code class=\" language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span><span class=\"token tag-id\">code<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><\/code>. Be sure to escape HTML angle brackets.<\/p><div class=\"bd-example\">For example,\u00a0<code>&lt;section&gt;<\/code>should be wrapped as inline.<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9269912 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9269912\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4766c9d5\" data-id=\"4766c9d5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1154a710 elementor-widget elementor-widget-docly_code_syntax_highlighter\" data-id=\"1154a710\" data-element_type=\"widget\" data-widget_type=\"docly_code_syntax_highlighter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"docly-source-code prism-twilight\" data-lng-type=\"markup\">\n\t\t\t<pre>\n\t\t\t\t<code class=\"language-markup\">\n\t\t\t\t\tFor example, &lt;code&gt;&lt;section&gt;&lt;\/code&gt; should be wrapped as inline.\t\t\t\t<\/code>\n\t\t\t<\/pre>\n            <\/div>\n                \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-485b50a6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"485b50a6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d5547f6\" data-id=\"4d5547f6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7131e9a6 elementor-widget elementor-widget-heading\" data-id=\"7131e9a6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Code blocks<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f518424 elementor-widget elementor-widget-text-editor\" data-id=\"f518424\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Use\u00a0<code class=\"highlighter-rouge  language-css\">&lt;pre&gt;<\/code>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the\u00a0<code class=\"highlighter-rouge\">.pre-scrollable<\/code>\u00a0class, which will set a max-height of 350px and provide a y-axis scrollbar.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-492fa3 elementor-widget elementor-widget-docly_code_syntax_highlighter\" data-id=\"492fa3\" data-element_type=\"widget\" data-widget_type=\"docly_code_syntax_highlighter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"docly-source-code prism-twilight\" data-lng-type=\"markup\">\n\t\t\t<pre>\n\t\t\t\t<code class=\"language-markup\">\n\t\t\t\t\t&lt;ul class=&quot;list-unstyled f_social_icon&quot;&gt;\r\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;social_facebook&quot;&gt;&lt;i&gt;&lt;a&gt;&lt;li&gt;\r\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;social_twitter&quot;&gt;&lt;i&gt;&lt;a&gt;&lt;li&gt;\r\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;social_vimeo&quot;&gt;&lt;i&gt;&lt;a&gt;&lt;li&gt;\r\n    &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;social_linkedin&quot;&gt;&lt;i&gt;&lt;a&gt;&lt;li&gt;\r\n&lt;ul&gt;\t\t\t\t<\/code>\n\t\t\t<\/pre>\n            <\/div>\n                \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-39869dfd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"39869dfd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2c8e2f13\" data-id=\"2c8e2f13\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-707d97cd elementor-widget elementor-widget-heading\" data-id=\"707d97cd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CSS Code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70ebe28 elementor-widget elementor-widget-docly_code_syntax_highlighter\" data-id=\"70ebe28\" data-element_type=\"widget\" data-widget_type=\"docly_code_syntax_highlighter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"docly-source-code prism-twilight\" data-lng-type=\"css\">\n\t\t\t<pre>\n\t\t\t\t<code class=\"language-css\">\n\t\t\t\t\t.footnotes-link::before {\r\n    display: none;\r\n}\r\n\r\n.footnotes-link {\r\n    color: #10b3d6;\r\n}\r\n\r\n.tip_content p {\r\n    font-size: 14px;\r\n}\r\n\r\n.tip_content p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.footnotes_item strong {\r\n    position: relative;\r\n}\r\n\r\nspan.top-arrow {\r\n    position: absolute;\r\n    top: -3px;\r\n}\t\t\t\t<\/code>\n\t\t\t<\/pre>\n            <\/div>\n                \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32d14350 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32d14350\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3fc5bd1f\" data-id=\"3fc5bd1f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-31374cf3 elementor-widget elementor-widget-heading\" data-id=\"31374cf3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">JavaScript Code<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b62ac81 elementor-widget elementor-widget-docly_code_syntax_highlighter\" data-id=\"6b62ac81\" data-element_type=\"widget\" data-widget_type=\"docly_code_syntax_highlighter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"docly-source-code prism-twilight\" data-lng-type=\"javascript\">\n\t\t\t<pre>\n\t\t\t\t<code class=\"language-javascript\">\n\t\t\t\t\t$(&quot;.img_popup&quot;).each(function () {\r\n    $(&quot;.img_popup&quot;).magnificPopup({\r\n        type: &#039;image&#039;,\r\n        closeOnContentClick: true,\r\n        closeBtnInside: false,\r\n        fixedContentPos: true,\r\n        removalDelay: 300,\r\n        mainClass: &#039;mfp-no-margins mfp-with-zoom&#039;,\r\n        image: {\r\n            enabled: true,\r\n            navigateByImgClick: true,\r\n            preload: [0, 1]\r\n        }\r\n    });\r\n})\t\t\t\t<\/code>\n\t\t\t<\/pre>\n            <\/div>\n                \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inline code Wrap inline snippets of code with&lt;code&gt;. Be sure to escape HTML angle brackets. For example,\u00a0&lt;section&gt;should be wrapped as inline. For example, &lt;code&gt;&lt;section&gt;&lt;\/code&gt; should be wrapped as inline. Code blocks Use\u00a0&lt;pre&gt;s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4632,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-4655","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/4655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4655"}],"version-history":[{"count":0,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/4655\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/4632"}],"wp:attachment":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4655"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=4655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}