Feature: Visibility(Reverse Columns)

[mrwormhole]

This is about Bulma. Suggested Feature(CSS HELPER)

Feature

I'm using Bulma 0.9.0. I started to commonly use reverse-columns to be more responsive on mobile side. And i would like to make a contribution about the visibility part of Bulma which i found repetitive css to be a good feature in the library. Please let me know if this is useful for Bulma, i will go ahead and make a PR(with docs included) if it is.

Description

For columns classes, you can use this to reverse the order and make it more cool for mobile devices. This is generally useful when you have right and left image/text pattern which ends up awful in mobile and tablet like image-image text-text.

.reverse-columns-mobile {
@media(max-width: $mobile) {
flex-direction: column-reverse;
display: flex;
}
}

.reverse-columns-tablet {
@media(max-width: $tablet) {
flex-direction: column-reverse;
display: flex;
}
}

[mrwormhole]

Added in #3047 as service-paradis mentioned. Thank you!

[Codepologist]

This is about Bulma. Suggested Feature(CSS HELPER)

Feature

I'm using Bulma 0.9.0. I started to commonly use reverse-columns to be more responsive on mobile side. And i would like to make a contribution about the visibility part of Bulma which i found repetitive css to be a good feature in the library. Please let me know if this is useful for Bulma, i will go ahead and make a PR(with docs included) if it is.

Description

For columns classes, you can use this to reverse the order and make it more cool for mobile devices. This is generally useful when you have right and left image/text pattern which ends up awful in mobile and tablet like image-image text-text.

.reverse-columns-mobile {

@media(max-width: $mobile) {

flex-direction: column-reverse;

display: flex;

}

}

.reverse-columns-tablet {

@media(max-width: $tablet) {

flex-direction: column-reverse;

display: flex;

}

}

Exactly what I'm looking for... Now where do I place this to have it work for mobile too?