<commit_before>/*
    Theme Name: Our World In Data
    Theme URI: https://ourworldindata.org;
    Description: A responsive custom theme for Our World In Data
    Author: <NAME>
    Author URI: https://ourworldindata.org

    Version: 1.2

    Tags: responsive layout

    License: MIT
    License URI: https://opensource.org/licenses/MIT
*/

@import '~normalize.css';

@import 'css/variables.scss';
@import 'css/mixins.scss';

@import 'css/category-coloring.scss';
@import 'css/util.scss';
@import 'css/layout.scss';
@import 'css/general.scss';
@import 'css/header.scss';
@import 'css/footer.scss';

@import 'css/content.scss';
@import 'css/forms.scss';
@import 'css/page.scss';

@import 'css/pages/homepage.scss';
@import 'css/pages/donate.scss';
@import 'css/pages/faq.scss';

@import 'css/components/cookie-notice.scss';

/* HACK (Mispy): Fix search autozooming on iPhone Safari.
   http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}

#wpadminbar {
    direction: ltr;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    height: 32px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: $zindex-adminbar;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    opacity: 0.3;
}

#wpadminbar li {
    float: left;
    list-style-type: none;
}

#wpadminbar li > a {
    height: 32px;
    padding: 0 8px 0 7px;
    color: #3366cc;
}

/* Blog posts and blog index page (on /blog)
--------------------------------------------- */

header.blog-header h1 {
    text-align: center;
    font-family: $serif-font-stack;
    font-weight: 400;
    background: $primary-color;
    color: white;
    margin: auto;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 1;
    padding: 1.25rem 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

header.blog-header h1 > a {
    color: white;
}

body.blog main {
    padding-left: 1rem;
    padding-right: 1rem;
}

body.blog .site-content {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

body.blog h2 {
    font-family: $serif-font-stack;
    font-weight: 400;
    margin-bottom: 14px;
}

body.blog ul.posts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

body.blog li.post {
    list-style-type: none;
    width: calc(33.3333% - 2em);
    margin-bottom: 2em;
}

body.blog li.post h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px;
    line-height: 24px;
    font-family: $serif-font-stack;
    font-weight: 400;
}

body.blog li.post .entry-meta {
    font-size: 14px;
}

body.blog li.post a {
    color: inherit;
}

body.blog li.post a:hover h3 {
    color: #d10a11;
}

body.blog li.post a:hover img {
    border: 1px solid #999;
}

body.blog li.post img {
    border: 1px solid #e0e0e0;
    width: 100%;
    height: 215px;
    object-fit: cover;
}

@media only screen and (min-width: 768px) {
    body.blog main {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    body.blog li.post {
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 30px;
    }
}


body.single-post main {
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
}

body.single-post .site-content {
    padding: 1rem;
    padding-top: 1rem;
}

body.single-post article {
    max-width: 900px;
    margin: auto;
}

body.single-post article {
    background: white;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
}

body.single-post h1.entry-title {
    margin: 0;
}

h1.entry-title > a {
    color: #222;
}

h1.entry-title > a:hover {
    color: #d10a11;
}

.pagination {
    text-align: center;
    padding-bottom: 30px;
}

.pagination .page-numbers {
    background-color: #000;
    box-shadow: 0 0 1px rgba(0,0,0,0.1);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: $sans-serif-font-stack;
    font-size: 14px;
    letter-spacing: 1px;<commit_msg>feat: narrower blog post<commit_after>/*
    Theme Name: Our World In Data
    Theme URI: https://ourworldindata.org;
    Description: A responsive custom theme for Our World In Data
    Author: <NAME>
    Author URI: https://ourworldindata.org

    Version: 1.2

    Tags: responsive layout

    License: MIT
    License URI: https://opensource.org/licenses/MIT
*/

@import '~normalize.css';

@import 'css/variables.scss';
@import 'css/mixins.scss';

@import 'css/category-coloring.scss';
@import 'css/util.scss';
@import 'css/layout.scss';
@import 'css/general.scss';
@import 'css/header.scss';
@import 'css/footer.scss';

@import 'css/content.scss';
@import 'css/forms.scss';
@import 'css/page.scss';

@import 'css/pages/homepage.scss';
@import 'css/pages/donate.scss';
@import 'css/pages/faq.scss';

@import 'css/components/cookie-notice.scss';

/* HACK (Mispy): Fix search autozooming on iPhone Safari.
   http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}

#wpadminbar {
    direction: ltr;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    height: 32px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: $zindex-adminbar;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    opacity: 0.3;
}

#wpadminbar li {
    float: left;
    list-style-type: none;
}

#wpadminbar li > a {
    height: 32px;
    padding: 0 8px 0 7px;
    color: #3366cc;
}

/* Blog posts and blog index page (on /blog)
--------------------------------------------- */

header.blog-header h1 {
    text-align: center;
    font-family: $serif-font-stack;
    font-weight: 400;
    background: $primary-color;
    color: white;
    margin: auto;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 1;
    padding: 1.25rem 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

header.blog-header h1 > a {
    color: white;
}

body.blog main {
    padding-left: 1rem;
    padding-right: 1rem;
}

body.blog .site-content {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

body.blog h2 {
    font-family: $serif-font-stack;
    font-weight: 400;
    margin-bottom: 14px;
}

body.blog ul.posts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

body.blog li.post {
    list-style-type: none;
    width: calc(33.3333% - 2em);
    margin-bottom: 2em;
}

body.blog li.post h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px;
    line-height: 24px;
    font-family: $serif-font-stack;
    font-weight: 400;
}

body.blog li.post .entry-meta {
    font-size: 14px;
}

body.blog li.post a {
    color: inherit;
}

body.blog li.post a:hover h3 {
    color: #d10a11;
}

body.blog li.post a:hover img {
    border: 1px solid #999;
}

body.blog li.post img {
    border: 1px solid #e0e0e0;
    width: 100%;
    height: 215px;
    object-fit: cover;
}

@media only screen and (min-width: 768px) {
    body.blog main {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    body.blog li.post {
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 30px;
    }
}


body.single-post main {
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
}

body.single-post .site-content {
    padding: 1rem;
    padding-top: 1rem;
}

body.single-post article {
    max-width: $content-max-width;
    margin: 0 auto 1rem;
    background: white;
    border: 1px solid #ddd;
}

body.single-post article {
}

body.single-post h1.entry-title {
    margin: 0;
}

h1.entry-title > a {
    color: #222;
}

h1.entry-title > a:hover {
    color: #d10a11;
}

.pagination {
    text-align: center;
    padding-bottom: 30px;
}

.pagination .page-numbers {
    background-color: #000;
    box-shadow: 0 0 1px rgba(0,0,0,0.1);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: $sans-serif-font-stack;
    font-size: 14px;
    letter-spacing: 1px;
{'fraction_non_alphanumeric': 0.15512697652132248, 'fraction_numerical': 0.03953042644944897, 'mean_word_length': 2.637908496732026, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 13, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5862088', 'n_tokens_mistral': 3474, 'n_tokens_neox': 3189, 'n_words': 724}