<commit_before>//-----------------------------
// Modules
//-----------------------------

@import '../../globals/scss/vars';
@import '../../globals/scss/colors';
@import '../../globals/scss/helper-mixins';
@import '../../globals/scss/layer';
@import '../../globals/scss/typography';
@import '../../globals/scss/import-once';
@import '../../globals/scss/css--reset';
@import '../../globals/scss/css--typography';

@include exports('modules') {
  .#{$prefix}--module__background {
    background-color: $ui-02;
  }

  .#{$prefix}--module {
    @include reset;
    @include font-family;
    display: flex;
    flex-direction: column;
    padding: rem(10px);
    //flex: 1 0 auto;
    margin: 0;

    .#{$prefix}--module__inner {
      @include layer('raised');
      box-shadow: 0px 1px 4px rgba(#000000, 0.05),
        0px 25px 30px -15px rgba(#000000, 0.1);
      background-color: $ui-01;
      border-radius: 3px;
    }

    .#{$prefix}--module__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.9rem 1.2rem 0.8rem;
      border-bottom: 1px solid $ui-04;
    }

    .#{$prefix}--module__filter {
      display: flex;
    }

    .#{$prefix}--module__footer {
      display: flex;
      align-items: center;
      padding: 0.7rem 1.2rem;
      border-top: 1px solid $ui-04;
      @include typescale('omega');
    }

    .#{$prefix}--module__title {
      @include typescale('epsilon');
      @include font-smoothing;
      letter-spacing: 0;
      font-weight: 600;
      color: $text-01;
    }

    .#{$prefix}--module__content {
      /*display: flex;
      flex-direction: column;
      align-items: flex-start;*/
      flex: 3;
      padding: 0.8rem 1.2rem;
      /*p {
        @include typescale('zeta');
      }*/
    }

    // > IE11 TODO: Remove when IE11 support dropped
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      //_:-ms-fullscreen,
      //:root  {
    }

    // Edge
    /*@supports (-ms-accelerator:true) {
      .#{$prefix}--module__content {
        flex: 3;
      }
    }*/

    .#{$prefix}--module__content--centered {
      align-items: center;
      justify-content: center;
      padding: 5rem;
    }

    .#{$prefix}--module__content--no-padding {
      padding: 0;
    }

    .#{$prefix}--module__content--scrollable {
      max-height: rem(300px);
      overflow-y: scroll;
      margin-bottom: 2rem;
    }
  }

  .#{$prefix}--module--light {
    .#{$prefix}--module__inner {
      box-shadow: none;
      border: 2px solid rgba(#000, 0.1);
    }

    &.#{$prefix}--module--with-hover {
      &:hover {
        .#{$prefix}--module__inner {
          border-color: $interactive-01;
        }
      }
    }
  }

  .#{$prefix}--module--dark {
    .#{$prefix}--module__inner {
      background: $brand-02;
      color: $ui-01;
    }

    .#{$prefix}--module__header {
      border-bottom-color: rgba(#fff, 0.1);
    }

    .#{$prefix}--module__footer {
      border-top-color: rgba(#fff, 0.1);
    }
<commit_msg>feat(Module): dark styling now without background and lighter foreground<commit_after>//-----------------------------
// Modules
//-----------------------------

@import '../../globals/scss/vars';
@import '../../globals/scss/colors';
@import '../../globals/scss/helper-mixins';
@import '../../globals/scss/layer';
@import '../../globals/scss/typography';
@import '../../globals/scss/import-once';
@import '../../globals/scss/css--reset';
@import '../../globals/scss/css--typography';

@include exports('modules') {
  .#{$prefix}--module__background {
    background-color: $ui-02;
  }

  .#{$prefix}--module {
    @include reset;
    @include font-family;
    display: flex;
    flex-direction: column;
    padding: rem(10px);
    //flex: 1 0 auto;
    margin: 0;

    .#{$prefix}--module__inner {
      @include layer('raised');
      box-shadow: 0px 1px 4px rgba(#000000, 0.05),
        0px 25px 30px -15px rgba(#000000, 0.1);
      background-color: $ui-01;
      border-radius: 3px;
    }

    .#{$prefix}--module__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.9rem 1.2rem 0.8rem;
      border-bottom: 1px solid $ui-04;
    }

    .#{$prefix}--module__filter {
      display: flex;
    }

    .#{$prefix}--module__footer {
      display: flex;
      align-items: center;
      padding: 0.7rem 1.2rem;
      border-top: 1px solid $ui-04;
      @include typescale('omega');
    }

    .#{$prefix}--module__title {
      @include typescale('epsilon');
      @include font-smoothing;
      letter-spacing: 0;
      font-weight: 600;
      color: $text-01;
    }

    .#{$prefix}--module__content {
      /*display: flex;
      flex-direction: column;
      align-items: flex-start;*/
      flex: 3;
      padding: 0.8rem 1.2rem;
      /*p {
        @include typescale('zeta');
      }*/
    }

    // > IE11 TODO: Remove when IE11 support dropped
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      //_:-ms-fullscreen,
      //:root  {
    }

    // Edge
    /*@supports (-ms-accelerator:true) {
      .#{$prefix}--module__content {
        flex: 3;
      }
    }*/

    .#{$prefix}--module__content--centered {
      align-items: center;
      justify-content: center;
      padding: 5rem;
    }

    .#{$prefix}--module__content--no-padding {
      padding: 0;
    }

    .#{$prefix}--module__content--scrollable {
      max-height: rem(300px);
      overflow-y: scroll;
      margin-bottom: 2rem;
    }
  }

  .#{$prefix}--module--light {
    .#{$prefix}--module__inner {
      box-shadow: none;
      border: 2px solid rgba(#000, 0.1);
    }

    &.#{$prefix}--module--with-hover {
      &:hover {
        .#{$prefix}--module__inner {
          border-color: $interactive-01;
        }
      }
    }
  }

  .#{$prefix}--module--dark {
    .#{$prefix}--module__inner {
      box-shadow: none;
      background: $brand-01;
      color: $ui-01;
    }

    .#{$prefix}--module__header {
      border-bottom-color: rgba(#fff, 0.1);
    }

    .#{$prefix}--module__footer {
      border-top-color: rgba(#fff, 0.1);
    }

{'fraction_non_alphanumeric': 0.20445311230294166, 'fraction_numerical': 0.02957906712172924, 'mean_word_length': 1.9055712936732767, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '4421353', 'n_tokens_mistral': 2288, 'n_tokens_neox': 2057, 'n_words': 378}