app/assets/stylesheets/sass-zero/variables/height.scss in sass-zero-0.0.47 vs app/assets/stylesheets/sass-zero/variables/height.scss in sass-zero-0.0.48
- old
+ new
@@ -1,37 +1,48 @@
// *******************************************************************
// Height
// Variables for setting the height of an element
-// height: $h-per-1-2;
+// height: $h-p-1-2;
// *******************************************************************
-$h-per-1-2: 50%;
-$h-per-1-3: 33.333333%;
-$h-per-2-3: 66.666667%;
-$h-per-1-4: 25%;
-$h-per-2-4: 50%;
-$h-per-3-4: 75%;
-$h-per-1-5: 20%;
-$h-per-2-5: 40%;
-$h-per-3-5: 60%;
-$h-per-4-5: 80%;
-$h-per-1-6: 16.666667%;
-$h-per-2-6: 33.333333%;
-$h-per-3-6: 50%;
-$h-per-4-6: 66.666667%;
-$h-per-5-6: 83.333333%;
+$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;