Code Syntax Highlight

Code Dark Theme

Estimated reading: 1 minute 1912 views

Inline code

Wrap inline snippets of code with<code>. Be sure to escape HTML angle brackets.

For example, <section>should be wrapped as inline.
				
					For example, <code><section></code> should be wrapped as inline.
				
			

Code blocks

Use <pre>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 .pre-scrollable class, which will set a max-height of 350px and provide a y-axis scrollbar.

				
					<ul class="list-unstyled f_social_icon">
    <li><a href="#"><i class="social_facebook"><i><a><li>
    <li><a href="#"><i class="social_twitter"><i><a><li>
    <li><a href="#"><i class="social_vimeo"><i><a><li>
    <li><a href="#"><i class="social_linkedin"><i><a><li>
<ul>
				
			

CSS Code

				
					.footnotes-link::before {
    display: none;
}

.footnotes-link {
    color: #10b3d6;
}

.tip_content p {
    font-size: 14px;
}

.tip_content p:last-child {
    margin-bottom: 0;
}

.footnotes_item strong {
    position: relative;
}

span.top-arrow {
    position: absolute;
    top: -3px;
}
				
			

JavaScript Code

				
					$(".img_popup").each(function () {
    $(".img_popup").magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        closeBtnInside: false,
        fixedContentPos: true,
        removalDelay: 300,
        mainClass: 'mfp-no-margins mfp-with-zoom',
        image: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0, 1]
        }
    });
})
				
			

Leave a Comment

👉 分享此文档

Code Dark Theme

👉 或复制链接

    👉 目录

    评论

    TEST 1

    Text

    New Doc TItle

    Style Guide

    Aorem ipsum Id tempor laborum in consequat ut in eu id eu incididunt ut sed elit

    Editor Contents

    Protected: Password Protected doc

    There is no excerpt because this is a protected post.

    Changelogs Timeline

    Comment Closed

    Unordered list items The HTML  element represents an unordered list of items, ty

    Empty Section

    Keyboard Shortcuts

    Switch the OS dropdown on the right sidebar to see the specific keyboard shortcu

    Cheatsheet Widget

    Auxiliary [+][-] #1 be Sein #1 have haben #3 become werden #4 can konnen #5 most

    Example doc of docly

    What is an Extension? For editing menu navigation settings go to . So I sai

    Chat Icon Close Icon