@knighttower/bootstrap-mini - npm Package Compare versions

Comparing version 0.1.39 to 0.1.40

package.json

@@ -5,3 +5,3 @@ {
   "description": "Abstracted Bootstrap for utility prototypes",
-  "version": "0.1.39",
+  "version": "0.1.40",
   "keywords": [
@@ -8,0 +8,0 @@ "css",

README.md

@@ -159,3 +159,3 @@ # Bootstrap Mini
     @include breakpoint(lg) {
-        // rules
+        // only applies to 992px and up
     }
@@ -166,2 +166,19 @@ @include breakpoint(mobile) {
     }
+    @include breakpoint(mobile, landscape) {
+        // only applies to 0-599 px in landscape
+        // rules
+    }
+    @include breakpoint(200, 'max-width:800px') {
+        // only applies to 0-800 px
+        // rules
+    }
+    @include breakpoint(200, 800) {
+        // only applies to 0-800 px
+        // rules
+    }
+    //advance
+    @include breakpoint(200, 800, true) {
+        // negates the query, like "not"
+        // rules
+    }
 }
@@ -210,29 +227,4 @@
 // */
-@mixin disabled() {
-    &,
-    &:hover {
-        background: var(--bs-disabled-bg);
-        color: var(--bs-disabled-text);
-        border-color: var(--bs-disabled-border);
-        position: relative;
-    }
+@mixin disabled()
 
-    &:before {
-        position: absolute;
-        height: 1px;
-        width: 100%;
-        top: 50%;
-        left: 0;
-
-        display: block;
-        border-bottom: 1px solid var(--bs-disabled-line);
-        content: " ";
-        transform: rotate(15deg);
-    }
-
-    &:hover {
-        cursor: not-allowed;
-    }
-}
-
 // /**
@@ -249,8 +241,12 @@ // * add transition effect to an element
 // */
-@mixin transitionProp($property, $duration: 0.5s, $method: ease, $delay: 0s) {
-    transition: $property $duration $method $delay;
-    -moz-transition: $property $duration $method $delay;
-    -webkit-transition: $property $duration $method $delay;
-    -o-transition: $property $duration $method $delay;
-}
+@mixin transitionProp($property, $duration: 0.5s, $method: ease, $delay: 0s)  
+
+// /**
+// * ensure the is a px unit
+// * @param {String|Number} $value
+// * @return {String} {value}px
+// */
+@function ensure-px($value)  
+
+
 ```` 
@@ -274,4 +270,4 @@
     -- Zindex (z-) increments in 10, ex: z-10, z-20, z-30, etc... up to 50
-    
 
+
 -   Screen Sizes:  
@@ -307,2 +303,5 @@ -- mobile: 0-599px (targets only this braket)
     - `.spacer`:  makes a div into a spacer. sizes are added as classes, ex: .spacer --10, .spacer --20, etc...
+    - `.hr`: horizontal ruler.
+    - `.img`: responsive images.
+    - `..max-div-width`: max width for a div. min 320px, max 1200px.
 
@@ -313,2 +312,3 @@ Automatic rules added rules:
 -   `svg`: responsive svg images and maintain aspect ratio  
+-   `hr`: horizontal ruler 1px dashed #ccc
 
@@ -315,0 +315,0 @@ <br>

No alert changes

Improved metrics

Total package byte prevSize

123799

increased by0.12%

No dependency changes