XF 2.2 Is responsive conditional like <div class="visibleResponsiveFull"> still valid?

[giorgino]

Hi all, is a piece of code like this still valid in xF2?

<div class="visibleResponsiveFull hiddenResponsiveWide hiddenResponsiveNarrow hiddenResponsiveMedium">

Thanks

 

[Paul B]

Those classes no longer exist in XF2.

The equivalent classes are:

.u-showWideInline
.u-showWideBlock
.u-showMediumInline
.u-showMediumBlock
.u-showNarrowInline
.u-showNarrowBlock

.u-hideWide
.u-hideMedium
.u-hideNarrow

 

[giorgino]

.u-showWideInline .u-showWideBlock

What's the difference between inline and block? I'll search around to know it.

Is this syntax correct?

<div class="u-showWideInline u-showWideBlock u-hideMedium u-hideNarrow">
    <div id="87440-1">
        [---]
    </div>
</div>

 

[Nicolas FR]

block : if you don't set a width it will take all the width available of the container.
inline : the width is defined by the content of the block

i think...