<commit_before>@media (max-width: 900px) {
    
    // hide tagline
    .tagline span {
        display:none;
    }
}

@media (max-width: 720px) {
    
    article {
        // Reduce the font size. This will effect all derived 'em' font sizes, margins, and padding
        font-size: 16px;
        
        // reduce padding between image and article
        padding-top: 50px;
        
        // reduce margins so article is wider
        .container > header, .container > section, .container > footer {
            margin-left: 2em;
            margin-right: 2em;
        }
        
        // display code blocks inline with text (instead of shifted-left)
        .highlight {
            margin-left: 0em;
            margin-right: 0em;
            
            // reduce padding of code blocks
            pre {
                padding: 1em;
            }
        }
        
        // display full-width images inline with text (instead of shifted-left)
        .full {
            margin-left: 0;
            margin-right: 0;
        }
        
        // Reduce font size and don't extend blockquotes past right margin
        blockquote {
            margin-right: 0;
            
            p {
                font-size: 1.2em;
            }
        }
        
        // reduce h1 font size slightly more
        h1 {
            font-size: 2em;
        }
    }
    
    .blog-cover, .article-cover {
        // reduce height of cover image
        height:200px;
    }
        
    .blog-cover {
        // tighten spacing of blog cover text and icons
        section .container {
            a {
                margin: 1em .5em 0em 0;
            }
        }
        
        // reduce size of blog cover text
        h1 {
            font-size:1.5em;
        }
        
        h3 {
            font-size:1em;
        }
    }
    
    // narrow nav spacing (blog, product, about links)
    .site-nav {
        nav {
            padding-left: 15px;
            padding-right: 15px;
        }
        
        #navigation {
            a {
                margin-right: 1em;
            }
        }
    }
    
    // reconfigure page footer with nav links centered above social links
    .site-footer {
        margin-top:0;
        padding:2em 0;
        text-align:center;
        
        nav {
            display:block;
            float:none !important;
            margin: 1.2em 0;
        }
    }
    
    .index {
        // hide author image
        img {
            display:none;
        }
        
        // reduce spacing between articles in index
        hr {
            margin: 1.5em 0;
        }
    }
    
    // make contact form full width
    form.contact {
        width: 100%;
        input, textarea {
            font-size: 16px;    // 16px or larger font prevents iOS from zooming in inputs on focus
        }
    }
}

@media (max-width: 500px) {
    // hide "learn more" button
    nav.tagline {
        display: none;
    }
}


@media (max-width: 400px) {
    
    article {
        // reduce margins so article is wider
        .container > header, .container > section, .container > footer {
            margin-left: 1em;
            margin-right: 1em;
        }
        
        // move author name closer to author image
        address {
          img {
            margin-right: 10px;
          }
        }
    }
}<commit_msg>Hide social icons on small screens.<commit_after>@media (max-width: 900px) {
    
    // hide tagline
    .tagline span {
        display:none;
    }
}

@media (max-width: 720px) {
    
    article {
        // Reduce the font size. This will effect all derived 'em' font sizes, margins, and padding
        font-size: 16px;
        
        // reduce padding between image and article
        padding-top: 50px;
        
        // reduce margins so article is wider
        .container > header, .container > section, .container > footer {
            margin-left: 2em;
            margin-right: 2em;
        }
        
        // display code blocks inline with text (instead of shifted-left)
        .highlight {
            margin-left: 0em;
            margin-right: 0em;
            
            // reduce padding of code blocks
            pre {
                padding: 1em;
            }
        }
        
        // display full-width images inline with text (instead of shifted-left)
        .full {
            margin-left: 0;
            margin-right: 0;
        }
        
        // Reduce font size and don't extend blockquotes past right margin
        blockquote {
            margin-right: 0;
            
            p {
                font-size: 1.2em;
            }
        }
        
        // reduce h1 font size slightly more
        h1 {
            font-size: 2em;
        }
    }
    
    .blog-cover, .article-cover {
        // reduce height of cover image
        height:200px;
    }
        
    .blog-cover {
        // tighten spacing of blog cover text and icons
        section .container {
            a {
                margin: 1em .5em 0em 0;
            }
        }
        
        // reduce size of blog cover text
        h1 {
            font-size:1.5em;
        }
        
        h3 {
            font-size:1em;
        }
    }
    
    // narrow nav spacing (blog, product, about links)
    .site-nav {
        nav {
            padding-left: 15px;
            padding-right: 15px;
        }
        
        #navigation {
            a {
                margin-right: 1em;
            }
        }
    }
    
    // reconfigure page footer with nav links centered above social links
    .site-footer {
        margin-top:0;
        padding:2em 0;
        text-align:center;
        
        nav {
            display:block;
            float:none !important;
            margin: 1.2em 0;
        }
    }
    
    .index {
        // hide author image
        img {
            display:none;
        }
        
        // reduce spacing between articles in index
        hr {
            margin: 1.5em 0;
        }
    }
    
    // make contact form full width
    form.contact {
        width: 100%;
        input, textarea {
            font-size: 16px;    // 16px or larger font prevents iOS from zooming in inputs on focus
        }
    }
}

@media (max-width: 500px) {
    // hide "learn more" button
    nav.tagline {
        display: none;
    }
}


@media (max-width: 400px) {
    
    .blog-cover {
        // hide social icons
        section .container {
            a {
                display: none;
            }
        }
    }

    article {
        // reduce margins so article is wider
        .container > header, .container > section, .container > footer {
            margin-left: 1em;
            margin-right: 1em;
        }
        
        // move author name closer to author image
        address {
          img {
            margin-right: 10px;
          }
        }
    }
}
{'fraction_non_alphanumeric': 0.08482400461627236, 'fraction_numerical': 0.019042123485285632, 'mean_word_length': 1.0517904705534182, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, 'https://': 0, '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': '4106202', 'n_tokens_mistral': 2036, 'n_tokens_neox': 1890, 'n_words': 552}