3-helper-classes edit

heights  edit

Uses viewport height units to set height

.h-sm-height

.h-md-height

.h-lg-height

.h-xl-height

.h-full-height
Copy
Edit
<p>Uses viewport height units to set height</p> <pre><code class="language-css">.h-sm-height .h-md-height .h-lg-height .h-xl-height .h-full-height</code></pre> <!-- components/3-helper-classes/heights.php -->
Cancel
Copy
Copy
Edit
// Not currently using // .h-sm-height { // // browser fallback height // min-height: 400px; // min-height: height(sm); // } // .h-md-height { // min-height: 600px; // min-height: height(md); // } // .h-lg-height { // min-height: 800px; // min-height: height(lg); // } // .h-xl-height { // min-height: 1000px; // min-height: height(xl); // } // .h-full-height { // min-height: 1000px; // min-height: height(full); // } /* scss/3-helper-classes/_heights.scss */
Cancel