<commit_before>/**
 * Modal component
 */

@import "config";
@import "mixins";

.ie7 .browserhooq.modal .modal__dialog,
.ie8 .browserhooq.modal .modal__dialog,
.ie9 .browserhooq.modal .modal__dialog {
    position    : absolute;
    top         : 0;
    width       : $browserhooq-modal-base-ie-width;
    margin-left : ( $browserhooq-modal-base-ie-width / 2 ) * -1;
}

.browserhooq.modal {
    -webkit-overflow-scrolling : touch;
    outline                    : none;
    position                   : absolute;
    top                        : 0;
    right                      : 0;
    bottom                     : 0;
    left                       : 0;
    z-index                    : $browserhooq-modal-base-zindex;
    margin                     : auto;
    font-family                : $browserhooq-modal-base-fontfamily;
    color                      : $browserhooq-modal-base-color;

    .modal__dialog {
        @include translate(-50%, -50%);
        position              : absolute;
        top                   : 50%;
        left                  : 50%;
        width                 : 80%;<commit_msg>Hacemos que los ficheros CSS atiendan al ID del elemento, para que sea compatible con versiones antiguas de navegadores<commit_after>/**
 * Modal component
 */

@import "config";
@import "mixins";

.ie7 #browserhooq.modal .modal__dialog,
.ie8 #browserhooq.modal .modal__dialog,
.ie9 #browserhooq.modal .modal__dialog {
    position    : absolute;
    top         : 0;
    width       : $browserhooq-modal-base-ie-width;
    margin-left : ( $browserhooq-modal-base-ie-width / 2 ) * -1;
}

#browserhooq.modal {
    -webkit-overflow-scrolling : touch;
    outline                    : none;
    position                   : absolute;
    top                        : 0;
    right                      : 0;
    bottom                     : 0;
    left                       : 0;
    z-index                    : $browserhooq-modal-base-zindex;
    margin                     : auto;
    font-family                : $browserhooq-modal-base-fontfamily;
    color                      : $browserhooq-modal-base-color;

    .modal__dialog {
        @include translate(-50%, -50%);
        position              : absolute;
        top                   : 50%;
        left                  : 50%;
        width                 : 80%;
{'fraction_non_alphanumeric': 0.10358056265984655, 'fraction_numerical': 0.017050298380221655, 'mean_word_length': 1.2162417374881964, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '7365621', 'n_tokens_mistral': 722, 'n_tokens_neox': 665, 'n_words': 139}