<commit_before>// ==========================================================================
// Responsive visibility
// ==========================================================================

// 
// For each device size (palm, lap, desk) there are two classes:
// .visible-*   Which is visible only on this device, hidden on the rest.
// .hidden-*    Which is hidden on this device and visible other rest.
//
// Please note that visible means that its display is set to block! Because
// of this these classes cannot be used on '.grid__item'.
// --------------------------------------------------------------------------

.visible--palm {
    display: flex;
}
.visible--lap {
    display: none;
}
.visible--desk {
    display: none;
}

.hidden--palm {
    display: none;
}
.hidden--lap {
    display: flex;
}
.hidden--desk {
    display: flex;
}

@media only screen and (min-width: @screen-lap) {
    .visible--palm {
        display: none;
    }
    .visible--lap {
        display: flex;
    }
    .visible--desk {
        display: none;
    }

    .hidden--palm {
        display: flex;
    }
    .hidden--lap {
        display: none;
    }
    .hidden--desk {
        display: flex;
    }
}

@media only screen and (min-width: @screen-desk) {
    .visible--palm {
        display: none;
    }
    .visible--lap {
        display: none;
    }
    .visible--desk {
        display: flex;
    }

    .hidden--palm {
        display: flex;
    }
    .hidden--lap {
        display: flex;
    }
    .hidden--desk {
        display: none;
    }
}
<commit_msg>Remove flex from reponsive classes<commit_after>// ==========================================================================
// Responsive visibility
// ==========================================================================

// 
// For each device size (palm, lap, desk) there are two classes:
// .visible-*   Which is visible only on this device, hidden on the rest.
// .hidden-*    Which is hidden on this device and visible other rest.
//
// Please note that visible means that its display is set to block! Because
// of this these classes cannot be used on '.grid__item'.
// --------------------------------------------------------------------------

.visible--palm {
    display: block;
}
.visible--lap {
    display: none;
}
.visible--desk {
    display: none;
}

.hidden--palm {
    display: none;
}
.hidden--lap {
    display: block;
}
.hidden--desk {
    display: block;
}

@media only screen and (min-width: @screen-lap) {
    .visible--palm {
        display: none;
    }
    .visible--lap {
        display: block;
    }
    .visible--desk {
        display: none;
    }

    .hidden--palm {
        display: block;
    }
    .hidden--lap {
        display: none;
    }
    .hidden--desk {
        display: block;
    }
}

@media only screen and (min-width: @screen-desk) {
    .visible--palm {
        display: none;
    }
    .visible--lap {
        display: none;
    }
    .visible--desk {
        display: block;
    }

    .hidden--palm {
        display: block;
    }
    .hidden--lap {
        display: block;
    }
    .hidden--desk {
        display: none;
    }
}

{'fraction_non_alphanumeric': 0.25998731769181993, 'fraction_numerical': 0.0, 'mean_word_length': 1.7602799650043746, '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': '2339544', 'n_tokens_mistral': 931, 'n_tokens_neox': 900, 'n_words': 256}