1 .flip-x { 2 transform: scaleX(-1); 3 } 4 5 .hidden { 6 display: none; 7 } 8 9 /** 10 * Hides an element. 11 */ 12 .hide { 13 display: none !important; 14 } 15 16 .invisible { 17 visibility: hidden; 18 } 19 20 /** 21 * Shows an element. 22 */ 23 .show { 24 display: block !important; 25 } 26 27 /** 28 * Shows an inline element. 29 */ 30 .show-inline { 31 display: inline-block !important; 32 } 33 34 /** 35 * Shows a flex element. 36 */ 37 .show-flex { 38 display: -webkit-box !important; 39 display: -moz-box !important; 40 display: -ms-flexbox !important; 41 display: -webkit-flex !important; 42 display: flex !important; 43 }