1 // Responsive utilities

     2 

     3 //

     4 // More easily include all the states for responsive-utilities.less.

     5 // [converter] $parent hack

     6 @mixin responsive-visibility($parent) {

     7   #{$parent} {

     8     display: block !important;

     9   }

    10   table#{$parent}  { display: table !important; }

    11   tr#{$parent}     { display: table-row !important; }

    12   th#{$parent},

    13   td#{$parent}     { display: table-cell !important; }

    14 }

    15 

    16 // [converter] $parent hack

    17 @mixin responsive-invisibility($parent) {

    18   #{$parent} {

    19     display: none !important;

    20   }

    21 }