Squashing bugs for alt size cards

dist/mini-default.css

@@ -1179,14 +1179,12 @@ button.large, [type="button"].large, [type="submit"].large,
   padding: 10px 15px;
   margin: 7px; }
 
-.card.large {
-  max-width: 480px;
-  width: auto; }
-
-.card.small {
-  max-width: 160px;
-  width: auto; }
-
+@media (min-width: 480px) {
+  .card.large {
+    max-width: 480px; } }
+@media (min-width: 160px) {
+  .card.small {
+    max-width: 160px; } }
 .card.fluid {
   max-width: 100%;
   width: auto; }

docs/v2/DEVLOG.md

@@ -444,3 +444,4 @@
 - Pushed the urgent `fluid` `card` fix to all deployed pages.
 - Removed the `playground` page as its purpose was fulfilled.
 - Closed issue #31 for good.
+- Squashed another major bug in the `make-card-alt-size` mixin, stemming from the use of the conditions and logical operators in that. The issue was thoroughly tested and resolved for all cases. `&&` was replaced with `and` in said condition combination.

src/mini/_card.scss

@@ -79,10 +79,10 @@ $card-normal-width:				320px !default;									// Width for normal cards
 // - $card-alt-size-name : The name of the class used for the alternate size card.
 // - $card-alt-size-width : The width of the alternate size card.
 @mixin make-card-alt-size ($card-alt-size-name, $card-alt-size-width) {
-	@if type-of($card-alt-size-width) == 'number' && unit($card-alt-size-width) == '%' {
+	@if type-of($card-alt-size-width) == 'number' and unit($card-alt-size-width) == '%' {
 		.#{$card-name}.#{$card-alt-size-name} {
-				max-width: $card-alt-size-width;
-				width: auto;
+			max-width: $card-alt-size-width;
+			width: auto;
 		}
 	}
 	@else {