<commit_before>@require 'tools/mixins.styl'
@require 'settings/breakpoints.styl'
@require 'settings/palette.styl'
@require 'settings/spaces.styl'

// overriding the general layout to allow a sticky footer
html,
body
    // TODO Remove the !important when https://github.com/cozy/cozy-bar/issues/705
    // has been solved
    height 100% !important // @stylint ignore
    +medium-screen()
        height 100% !important // @stylint ignore

        main > [role=main].u-flex
            display flex

body
    // Allows horizontal swipe on mobile
    +mobile()
        max-width 100vw
        overflow-x hidden

[role=application]
    +mobile()
        overflow auto

.App
    display flex
    min-width 100%
    width 100%
    background-color var(--defaultBackgroundColor)
    background-repeat no-repeat
    background-size cover
    background-position center
    mix-blend-mode multiply

.App::before
    content ''
    position absolute
    top 0
    left 0
    width 100%
    height 100%
    background-color rgba(0, 0, 0, .32)
    backdrop-filter saturate(124%)

.App-MainCol
    display flex
    flex-direction column
    justify-content flex-start
    align-items stretch
    width 100%

.Timeline
    flex-shrink 0

    img
        box-shadow 0 0 0 1px rgba(0, 0, 0, .08), 0 4px 12px 0 rgba(0, 0, 0, .08)

.KonnectorErrors
    max-width 662px // same as https://github.com/cozy/cozy-home/commit/10d4f4e605a2b5308dac9921538f194db77b7540#diff-17941d0d4818675dfedc84955549bdf2R60
    margin: spacing_values.xs auto 0

    p<commit_msg>style: center the app vertically<commit_after>@require 'tools/mixins.styl'
@require 'settings/breakpoints.styl'
@require 'settings/palette.styl'
@require 'settings/spaces.styl'

// overriding the general layout to allow a sticky footer
html,
body
    // TODO Remove the !important when https://github.com/cozy/cozy-bar/issues/705
    // has been solved
    height 100% !important // @stylint ignore
    +medium-screen()
        height 100% !important // @stylint ignore

        main > [role=main].u-flex
            display flex

body
    // Allows horizontal swipe on mobile
    +mobile()
        max-width 100vw
        overflow-x hidden

[role=application]
    +mobile()
        overflow auto

.App
    display flex
    min-width 100%
    width 100%
    background-color var(--defaultBackgroundColor)
    background-repeat no-repeat
    background-size cover
    background-position center
    mix-blend-mode multiply
    align-items center
    overflow-y auto

.App::before
    content ''
    position absolute
    top 0
    left 0
    width 100%
    height 100%
    background-color rgba(0, 0, 0, .32)
    backdrop-filter saturate(124%)

.App-MainCol
    display flex
    flex-direction column
    justify-content flex-start
    align-items stretch
    width 100%
    margin auto

.Timeline
    flex-shrink 0

    img
        box-shadow 0 0 0 1px rgba(0, 0, 0, .08), 0 4px 12px 0 rgba(0, 0, 0, .08)

.KonnectorErrors
    max-width 662px // same as https://github.com/cozy/cozy-home/commit/10d4f4e605a2b5308dac9921538f194db77b7540#diff-17941d0d4818675dfedc84955549bdf2R60
    margin: spacing_values.xs auto 0

    p
{'fraction_non_alphanumeric': 0.09329538266919671, 'fraction_numerical': 0.07147375079063883, 'mean_word_length': 2.648212226066897, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 4, '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': '4470119', 'n_tokens_mistral': 1221, 'n_tokens_neox': 1031, 'n_words': 283}