blog.css

TLDR

The provided file is a CSS file that contains styles for a blog website. It includes styles for blog lists, blog items, headers, sidebars, titles, content, images, and code snippets.

Classes

.blog-list .well-sm

This class sets margin for blog lists.

.blog-item__header

This class is empty and does not have any styles associated with it.

.blog-item__sidebar

This class sets margin for the sidebar in each blog item.

.blog-item__title

This class sets the font size and margin bottom for the titles of the blog items.

.doc-content .doc-title

This class sets the margin bottom for the document titles.

.blog-item__count

This class sets margin and opacity for counts associated with the blog items.

.blog-single .tags-sidebar

This class sets the font size for tags sidebar in the single blog view.

.doc-content

This class sets the font smoothing, margin, and styling for the main document content.

.sidebar

This class sets the font smoothing for the sidebar.

.sidebar+.doc-content

This class sets padding-left for the document content when it follows the sidebar.

.doc-content h2, .doc-content h3

These classes set margin top for heading elements within the document content.

.doc-content h3

This class sets the font size and font weight for h3 headings in the document content.

.doc-content img

These classes set border, margin, and max-width for images in the document content.

.doc-content .edit-github

This class sets padding top for the GitHub edit link in the document content.

.doc-content pre

This class sets background, border-radius, padding, and margin for code snippets in the document content.

.blog-list .well-sm {
    margin: 4rem 0;
}

.blog-item__header {}

.blog-item__sidebar {
    margin: 4px 0 4px 0;
}

.blog-item__title {
    font-size: 1.5rem;
    margin-bottom: .6rem;
}

.doc-content .doc-title {
    margin-bottom: 24px;
}


.blog-item__count {
    margin: 0 0 0 5px;
    opacity: .6;
}

.blog-single .tags-sidebar {
    font-size: .9rem;
}

.doc-content,
.sidebar {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.doc-content {
    margin: 50px 0 0;
}

.doc-content h2,
.doc-content h3 {
    margin-top: 3rem;
}

.doc-content h3 {
    font-size: 2.2rem;
    font-weight: 700;
}

.doc-content img  {
    border: 1px solid var(--black01);
}

.doc-content .edit-github {
    padding-top: 0.9rem;
}

.doc-content .doc-title {
    display: inline-block;
}

.sidebar+.doc-content {
    padding-left: 16px;
}

.doc-content img {
    margin: 1em 0;
    max-width: 100%;
}

.doc-content pre {
    background: #f0f3f3;
    border-radius: 5px;
    padding: 14px;
    margin-bottom: 1.6rem;
}