Contents

// *******************************************************************
// Height
// Variables for setting the height of an element
// height: $h-p-1-2;
// *******************************************************************
$h-p-1-2:  50%;
$h-p-1-3:  33.333333%;
$h-p-2-3:  66.666667%;
$h-p-1-4:  25%;
$h-p-2-4:  50%;
$h-p-3-4:  75%;
$h-p-1-5:  20%;
$h-p-2-5:  40%;
$h-p-3-5:  60%;
$h-p-4-5:  80%;
$h-p-1-6:  16.666667%;
$h-p-2-6:  33.333333%;
$h-p-3-6:  50%;
$h-p-4-6:  66.666667%;
$h-p-5-6:  83.333333%;
$h-full:   100%;
$h-screen: 100vw;
$h-min:    min-content;
$h-max:    max-content;
$h-fit:    fit-content;

// *******************************************************************
// Min-Height
// Variables for setting the minimum height of an element
// min-height: $min-h-0;
// *******************************************************************
$min-h-0:      0px;
$min-h-full:   100%;
$min-h-screen: 100vh;
$min-h-min:    min-content;
$min-h-max:    max-content;
$min-h-fit:    fit-content;

// *******************************************************************
// Max-Height
// Variables for setting the maximum height of an element
// max-height: $max-h-full;
// *******************************************************************
$max-h-full:   100%;
$max-h-screen: 100vh;
$max-h-min:    min-content;
$max-h-max:    max-content;
$max-h-fit:    fit-content;

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
sass-zero-0.0.48	app/assets/stylesheets/sass-zero/variables/height.scss