<commit_before>//
// @siimple/css - minimal css toolkit for flat and clean websites
// Under the MIT LICENSE.
// License:    https://github.com/siimple/siimple/blob/master/LICENSE.md
// Repository: https://github.com/siimple
// Website:    https://www.siimple.xyz
//
@import "../variables.scss";
@import "../functions.scss";
@import "../mixins.scss";

//Jumbotron variables
$siimple-jumbotron-padding: 85px;

//Jumbotron class
.#{$siimple-prefix}-jumbotron {
    display: block;
    //font-family: $siimple-default-text-font;
    padding-top: $siimple-jumbotron-padding;
    padding-bottom: $siimple-jumbotron-padding;
    @include siimple-sizing();
    //Common styles
    &-title, 
    &-subtitle,
    &-detail {
        display: block;
        text-decoration: none;
    }
    //Jumbotron title
    &-title {
        //line-height: 60px;
        font-weight: bold;
        font-size: 40px;
        //margin-top: 0px;
        //margin-bottom: 0px;
    }
    //Jumbotron subtitle
    &-subtitle {
        //line-height: 40px;
        font-size: 24px;
        font-weight: 600;
        opacity: 0.8;
        //margin-top: 10px;
        //margin-bottom: 10px;
    }
    //Jumbotron detail
    &-detail {
        line-height: 22px;
        font-size: 16px;
        opacity: 0.6;
        //margin-top: 10px;
        //margin-bottom: 10px;
    }
    &-title + &-subtitle,
    &-title + &-detail,
    &-subtitle + &-detail {
        margin-top: 5px;
    }
    //Light jumbotron
    &--light {
        background-color: siimple-default-color("light");
        color: siimple-default-color("dark");
    }
    //Dark jumbotron
    &--dark {
        background-color: siimple-default-color("dark");
        color: siimple-default-color("white");
    }
}
<commit_msg>css: redesigned jumbotron component<commit_after>//
// @siimple/css - minimal css toolkit for flat and clean websites
// Under the MIT LICENSE.
// License:    https://github.com/siimple/siimple/blob/master/LICENSE.md
// Repository: https://github.com/siimple
// Website:    https://www.siimple.xyz
//

@use "sass:map";
@use "@siimple/lib" as siimple;

//Jumbotron variables
$jumbotron-padding: 85px;
$jumbotron-title-text-size: 40px;
$jumbotron-title-line-height: 48px;
$jumbotron-subtitle-text-size: 24px;
$jumbotron-subtitle-line-height: 29px;

//Jumbotron class
.#{siimple.$name}-jumbotron {
    display: block;
    //font-family: $siimple-default-text-font;
    padding-top: $jumbotron-padding;
    padding-bottom: $jumbotron-padding;
    @include siimple.fluid(); //Default jumbotron size
    //Common styles
    &-title, 
    &-subtitle,
    &-text {
        display: block;
        text-decoration: none;
    }
    //Jumbotron title
    &-title {
        line-height: $jumbotron-title-line-height;
        font-size: $jumbotron-title-text-size;
        font-weight: bold;
    }
    //Jumbotron subtitle
    &-subtitle {
        line-height: $jumbotron-subtitle-line-height;
        font-size: $jumbotron-subtitle-text-size;
        font-weight: bold;
        opacity: 0.8;
    }
    //Jumbotron text
    &-text {
        line-height: siimple.$line-height;
        font-size: siimple.$text-size;
        opacity: 0.6;
        //margin-top: 10px;
        //margin-bottom: 10px;
    }
    &-title + &-subtitle,
    &-title + &-text,
    &-subtitle + &-text {
        margin-top: 8px;
    }
    //Colored jumbotron
    @each $color in map.keys(siimple.$colors) {
        &--#{$color} {
            background-color: siimple.color($color);
            color: siimple.color-invert($color);
        }
    }
    //Jumbotron sizes
    @each $size in map.keys(siimple.$sizes) {
        &--#{$size} {
            @include siimple.sizing($size);
        }
    }
}

{'fraction_non_alphanumeric': 0.15796555435952636, 'fraction_numerical': 0.01372443487621098, 'mean_word_length': 2.0949208992506243, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, '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': '246316', 'n_tokens_mistral': 1396, 'n_tokens_neox': 1288, 'n_words': 242}