<commit_before>/* Headers

Make sure headers represent semantic hierarchy of the page. For pure styling use these classes instead of ruining the hierarchy: `.h1`, `.h2`, `.h3`, `.h4`

Example: {isolated: true}
    <h1>Header 1</h1>
    <h2>Header 2</h2>
    <h3>Header 3</h3>
    <h4>Header 4</h4>

Styleguide 2.3
*/

// h1,
// .h1,
// %h1,
h2,
.h2,
%h2,
h3,
.h3,
%h3 {
    @include font(header, bold);
    word-wrap: break-word;
    margin: 0;
    margin-bottom: vertical-space($spacing);

    @include min-width(md) {
        margin-bottom: vertical-space($spacing, 1.2);
    }
}

h1,
.h1,
%h1 {
    @include font(header, bold);
    @include font-size(xxxlarge);
    word-wrap: break-word;

    strong { // TODO?
        @include font(header, bold);
        font-style: italic;
        white-space: nowrap;
    }
}

h2,
.h2,
%h2 {
    @include font-size(xlarge);
}

h3,
.h3,
%h3 {
    @include font-size(large);

    margin-bottom: vertical-space($spacing--small);

    @include min-width(md) {
        margin-bottom: vertical-space($spacing--small);
    }
}

h4,
.h4,
%h4 {
    @include font(base, bold);
    @include font-size(small);

    word-wrap: break-word;
    margin: 0;
    margin-bottom: vertical-space($spacing--small);

    @include min-width(md) {
        margin-bottom: vertical-space($spacing--small);
    }
}

.type-xxlarge {
    @include font-size(xxlarge);
}

// TODO: Is this a good rule?
p:not(:empty) + h2,
p:not(:empty) + h3,
p:not(:empty) + h4,
ul + h2,
ul + h3,
ul + h4 {
    margin-top: vertical-space($spacing--large);
}


/* Paragraphs

Example: {isolated: true} Default paragraphs
    <p>Lorem Ipsum's father was with <NAME> Oswald prior to Oswald's being, you know, shot. I think the only difference between me and the other placeholder text is that I’m more honest and my words are more beautiful. An ‘extremely credible source’ has called my office and told me that Barack Obama’s placeholder text is a fraud. I’m the best thing that ever happened to placeholder text.</p>
    <p>Look at that text! Would anyone use that? Can you imagine that, the text of your next webpage?!</p>
    <p>The best taco bowls are made in Trump Tower Grill. I love Hispanics! Lorem Ispum is a choke artist. It chokes!</p>

Example: {isolated: true} Preamble
    <p class="preamble">We are going to make placeholder text great again. Greater than ever before. Lorem Ipsum's father was with <NAME> Oswald prior to Oswald's being, you know, shot.</p>

Styleguide 2.4
*/
p,
.paragraph {
    @include font(base, normal);
    margin-bottom: vertical-space($spacing);

    &:empty {
        display: none;
    }
}

.preamble {
    @include font(base, bold);

    &:only-child {
        margin: 0;
    }
}

.normal {
    @include font(base, normal);
    @include font-size(small);
}

.no-break {
    white-space: nowrap;
}

/* Other type styles

Example: {isolated: true} Strong, italic, muted, alignments, small caps
    <p><strong>Strong text</strong></p>
    <p class="italic">Italic text</p>
    <p class="text-muted">Muted text.</p>
    <p class="text-center">Centered text</p>
    <p class="text-right">Right aligned text</p>
    <p><strong class="text-smallcaps">Small capsed text</strong> can be useful to introduse a paragraph sometimes</p>

Styleguide 2.5
*/
strong,
.strong,
b {
    @include font(base, bold);
}

.italic {
    font-style: italic;
}

.text-muted,
%text-muted {
    color: $color-muted;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-smallcaps,
%text-smallcaps {
    @include spaced-text;
    @include font-size(smallcaps);
    @include font(base, bold);

    &--thin {
        @include font(base, light);
    }
}

.time-stamp {
    @include font(mono, normal);
    @include font-size(xsmall);
    display: block;
    color: $color-muted;
    margin-bottom: vertical-space(2);
    border: 0;
}
<commit_msg>Type adjustments<commit_after>/* Headers

Make sure headers represent semantic hierarchy of the page. For pure styling use these classes instead of ruining the hierarchy: `.h1`, `.h2`, `.h3`, `.h4`

Example: {isolated: true}
    <h1>Header 1</h1>
    <h2>Header 2</h2>
    <h3>Header 3</h3>
    <h4>Header 4</h4>

Styleguide 2.3
*/

// h1,
// .h1,
// %h1,
h2,
.h2,
%h2,
h3,
.h3,
%h3 {
    @include font(header, bold);
    word-wrap: break-word;
    margin: 0;
    margin-bottom: vertical-space($spacing);
}

h1,
.h1,
%h1 {
    @include font(header, bold);
    @include font-size(xxxlarge);
    word-wrap: break-word;

    strong { // TODO?
        @include font(header, bold);
        font-style: italic;
        white-space: nowrap;
    }
}

h2,
.h2,
%h2 {
    @include font-size(xlarge);
}

h3,
.h3,
%h3 {
    @include font-size(large);

    margin-bottom: vertical-space($spacing--small);

    @include min-width(md) {
        margin-bottom: vertical-space($spacing--small);
    }
}

h4,
.h4,
%h4 {
    @include font(base, bold);
    @include font-size(small);

    word-wrap: break-word;
    margin: 0;
    margin-bottom: vertical-space($spacing--small);

    @include min-width(md) {
        margin-bottom: vertical-space($spacing--small);
    }
}

.type-xxlarge {
    @include font-size(xxlarge);
}

// TODO: Is this a good rule?
p:not(:empty) + h2,
p:not(:empty) + h3,
p:not(:empty) + h4,
ul + h2,
ul + h3,
ul + h4 {
    margin-top: vertical-space($spacing, 1.2);
}


/* Paragraphs

Example: {isolated: true} Default paragraphs
    <p>Lorem Ipsum's father was with <NAME> prior to Oswald's being, you know, shot. I think the only difference between me and the other placeholder text is that I’m more honest and my words are more beautiful. An ‘extremely credible source’ has called my office and told me that Barack Obama’s placeholder text is a fraud. I’m the best thing that ever happened to placeholder text.</p>
    <p>Look at that text! Would anyone use that? Can you imagine that, the text of your next webpage?!</p>
    <p>The best taco bowls are made in Trump Tower Grill. I love Hispanics! Lorem Ispum is a choke artist. It chokes!</p>

Example: {isolated: true} Preamble
    <p class="preamble">We are going to make placeholder text great again. Greater than ever before. Lorem Ipsum's father was with <NAME> prior to Oswald's being, you know, shot.</p>

Styleguide 2.4
*/
p,
.paragraph {
    @include font(base, normal);
    margin-bottom: vertical-space($spacing);

    &:empty {
        display: none;
    }
}

.preamble {
    @include font(base, bold);

    &:only-child {
        margin: 0;
    }
}

.normal {
    @include font(base, normal);
    @include font-size(small);
}

.no-break {
    white-space: nowrap;
}

/* Other type styles

Example: {isolated: true} Strong, italic, muted, alignments, small caps
    <p><strong>Strong text</strong></p>
    <p class="italic">Italic text</p>
    <p class="text-muted">Muted text.</p>
    <p class="text-center">Centered text</p>
    <p class="text-right">Right aligned text</p>
    <p><strong class="text-smallcaps">Small capsed text</strong> can be useful to introduse a paragraph sometimes</p>

Styleguide 2.5
*/
strong,
.strong,
b {
    @include font(base, bold);
}

.italic {
    font-style: italic;
}

.text-muted,
%text-muted {
    color: $color-muted;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-smallcaps,
%text-smallcaps {
    @include spaced-text;
    @include font-size(smallcaps);
    @include font(base, bold);

    &--thin {
        @include font(base, light);
    }
}

.time-stamp {
    @include font(mono, normal);
    @include font-size(xsmall);
    display: block;
    color: $color-muted;
    margin-bottom: vertical-space(2);
    border: 0;
}

{'fraction_non_alphanumeric': 0.14902416957477058, 'fraction_numerical': 0.014475895049760889, 'mean_word_length': 2.992776057791538, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 71, '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': '3526241', 'n_tokens_mistral': 2887, 'n_tokens_neox': 2777, 'n_words': 793}