holygrail2 1.0.72 → 1.0.74

package/dist/style.css

@@ -1,7 +1,7 @@
 
 /*
   Paquete: holygrail2
-  Versión: 1.0.71
+  Versión: 1.0.72
 */
 @charset "UTF-8";
 *,
@@ -6920,7 +6920,7 @@ button {
 .checkbox-item [type=checkbox]:not(:checked) + label .icon,
 .checkbox-item [type=checkbox]:checked + label .icon {
   position: absolute;
-  top: 0px;
+  top: 3px;
   left: 2px;
   color: #000;
   transition: all 0.2s;

package/guide/index.html

@@ -2210,12 +2210,16 @@
           <div class="checkbox-item">
             <input id="checkbox_2" name="checkbox_2" type="checkbox" class=" " />
             <label for="checkbox_2">
-              <i class="icon">
-                <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-                  <path fill-rule="evenodd" clip-rule="evenodd"
-                    d="M9.05823 0.198273L9.69185 0.801721L3.5417 7.25937L0.308228 3.86422L0.941848 3.26077L3.5417 5.99062L9.05823 0.198273Z"
-                    fill="white" />
-                </svg>
+              <i as="label" class="icon">
+                <svg-icon src="check-mini" ng-reflect-src="check-mini">
+                  <div>
+                    <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path fill-rule="evenodd" clip-rule="evenodd"
+                        d="M9.05823 0.198273L9.69185 0.801721L3.5417 7.25937L0.308228 3.86422L0.941848 3.26077L3.5417 5.99062L9.05823 0.198273Z"
+                        fill="white"></path>
+                    </svg>
+                  </div>
+                </svg-icon>
               </i>
               <span class="p-xs">HOMBRE</span></label>
           </div>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "holygrail2",
-    "version": "1.0.72",
+    "version": "1.0.74",
     "description": "A minimal, responsive, style-agnostic CSS framework.",
     "main": "scss/style.scss",
     "directories": {

package/scss/base/_helpers.scss

@@ -817,8 +817,8 @@ strong {
 }
 
 .reset-body {
-  margin-left: -16px;
-  margin-right: -16px;
+  margin-left: -20px;
+  margin-right: -20px;
 
   @media (min-width: $break-md) {
     margin-left: -40px;

package/scss/elements/_checkbox.scss

@@ -105,7 +105,7 @@
   [type='checkbox']:not(:checked) + label .icon,
   [type='checkbox']:checked + label .icon {
     position: absolute;
-    top: 0px;
+    top: 3px;
     left: 2px;
     color: $c-primary;
     transition: all 0.2s;