adding

assets/iconmoon/SVG/chronometer.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>chronometer</title>
+<path d="M28.054 18.571c0 6.933-5.62 12.554-12.554 12.554s-12.554-5.621-12.554-12.554c0-6.722 5.286-12.192 11.927-12.521v-2.166h-0.941c-0.555 0-1.005-0.45-1.005-1.005s0.45-1.004 1.005-1.004h3.012c0.555 0 1.005 0.449 1.005 1.004s-0.45 1.005-1.005 1.005h-1.066v2.153c6.757 0.2 12.176 5.729 12.176 12.534zM14.873 9.909v-2.291c-3.109 0.176-5.866 1.64-7.766 3.858l1.653 1.653-0.71 0.711-1.565-1.566c-1.274 1.798-2.032 3.987-2.032 6.359 0 0.106 0.015 0.251 0.015 0.251h2.432v1.005h-2.36c0.244 2.052 1.057 3.987 2.268 5.534l1.243-1.243 0.71 0.71-1.296 1.297c1.879 1.996 4.488 3.297 7.408 3.462v-2.729h1.004v2.742c2.989-0.102 5.67-1.393 7.599-3.41l-1.424-1.424 0.71-0.71 1.377 1.376c1.24-1.56 2.074-3.521 2.322-5.604h-2.55v-1.005h2.621c0.003-0.104 0.016-0.145 0.016-0.251 0-2.438-0.8-4.681-2.138-6.505l-1.648 1.648-0.71-0.71 1.726-1.725c-1.947-2.203-4.753-3.631-7.9-3.737v2.304h-1.005zM15.939 18.885h3.516c0.277 0 0.502 0.226 0.502 0.502 0 0.277-0.225 0.503-0.502 0.503h-4.018c-0.277 0-0.502-0.226-0.502-0.503v-6.967c0-0.277 0.225-0.502 0.502-0.502s0.502 0.225 0.502 0.502v6.465z"></path>
+</svg>

assets/iconmoon/SVG/paperplane.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>paperplane</title>
+<path d="M3.363 4.414l4.875 19.348 9.467-3.018-8.448-10.298 10.902 9.56 8.853-2.77-25.649-12.822zM18.004 27.586v-5.324l-3.116 0.926 3.116 4.398z"></path>
+</svg>

assets/iconmoon/SVG/ruler.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>ruler</title>
+<path d="M6.058 6.835l0.686 0.686-2.808 2.808 2.188 2.188 2.821-2.821 0.641 0.641-2.821 2.822 2.16 2.159 6.416-6.416-7.812-7.766-6.393 6.393 2.114 2.115 2.808-2.809zM23.099 16.659l-6.416 6.417 2.159 2.159 2.822-2.821 0.641 0.641-2.821 2.821 2.188 2.188 2.807-2.808 0.686 0.686-2.807 2.808 2.113 2.114 6.394-6.394-7.766-7.811zM29.822 8.451c0.781-0.782 0.787-2.045 0.012-2.821l-3.512-3.511c-0.775-0.775-2.039-0.771-2.82 0.012l-2.17 2.17 6.32 6.32 2.17-2.17zM3.398 25.942l2.623 2.623 5.284-1.877-6.030-6.030-1.877 5.284zM20.65 4.943l-14.885 14.886 6.369 6.369 14.886-14.886-6.37-6.369zM8.657 19.816l11.981-11.981 0.698 0.698-11.982 11.982-0.697-0.699zM10.053 21.213l11.98-11.981 0.698 0.698-11.981 11.98-0.697-0.697zM11.449 22.608l11.981-11.981 0.697 0.698-11.98 11.981-0.698-0.698zM1.954 30.010l3.066-1.117-1.949-1.949-1.117 3.066z"></path>
+</svg>

assets/iconmoon/SVG/shipping.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>shipping</title>
+<path d="M16.722 21.863c-0.456-0.432-0.988-0.764-1.569-0.971l-1.218-4.743 14.506-4.058 1.554 6.056-13.273 3.716zM12.104 9.019l9.671-2.705 1.555 6.058-9.67 2.705-1.556-6.058zM12.538 20.801c-0.27 0.076-0.521 0.184-0.765 0.303l-4.264-16.615h-1.604c-0.161 0.351-0.498 0.598-0.896 0.598h-2.002c-0.553 0-1.001-0.469-1.001-1.046s0.448-1.045 1.001-1.045h2.002c0.336 0 0.618 0.184 0.8 0.447h3.080v0.051l0.046-0.014 4.41 17.183c-0.269 0.025-0.538 0.064-0.807 0.138zM12.797 21.811c1.869-0.523 3.79 0.635 4.291 2.588 0.501 1.951-0.608 3.957-2.478 4.48-1.869 0.521-3.79-0.637-4.291-2.588s0.609-3.957 2.478-4.48zM12.27 25.814c0.214 0.836 1.038 1.332 1.839 1.107s1.276-1.084 1.062-1.92c-0.214-0.836-1.038-1.332-1.839-1.109-0.802 0.225-1.277 1.085-1.062 1.922zM29.87 21.701l-11.684 3.268c-0.021-0.279-0.060-0.561-0.132-0.842-0.071-0.281-0.174-0.545-0.289-0.799l11.623-3.25 0.482 1.623z"></path>
+</svg>

assets/iconmoon/SVG/transformers.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>transformers</title>
+<path d="M25.115 5.265l0.045-1.455c-2.694-1.348-5.686-2.155-8.973-2.155s-6.653 0.807-9.347 2.155l0.045 1.455 9.115 5.981 9.115-5.981zM16 4.556c1.875 0 3.448 0.601 3.448 0.601l-3.448 2.317-3.448-2.317c0 0 1.573-0.601 3.448-0.601zM18.073 23.977v-7.020l0.468-6.035-2.541 1.671-2.479-1.671 0.53 6.035v7.020h4.022zM12.39 10.276l-6.789-4.526-0.045-1.761h-3.996l0.593 8.55 4.85 3.466h5.927l-0.54-5.729zM4.685 10.653l6.412 3.018 0.107 0.989-6.357-2.875-0.162-1.132zM4.415 7.582l6.358 3.071 0.161 1.069-6.411-2.955-0.108-1.185zM4.308 26.549l4.735 2.424v-9.412l-2.796-1.74v-1.078l-2.748-1.886 0.809 11.692zM13.054 24.992v-7.012l-3.071 1.562v10.186l1.384 0.861 1.886-4.598h5.496l1.886 4.598 1.446-0.861v-10.185l-3.071-1.562v7.012h-5.956zM14.168 27.070l-1.401 3.932h6.466l-1.4-3.932h-3.665zM19.071 16.004h5.927l4.85-3.466 0.593-8.55h-3.996l-0.046 1.762-6.79 4.526-0.538 5.728zM27.153 11.785l-6.421 3 0.171-1.114 6.412-3.018-0.162 1.132zM27.477 8.767l-6.412 3.018 0.162-1.132 6.358-3.071-0.108 1.185zM28.5 14.856l-2.747 1.886v1.078l-2.755 1.74v9.412l4.694-2.424 0.808-11.692z"></path>
+</svg>

assets/iconmoon/demo-external-svg.html

@@ -23,6 +23,21 @@
   </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
+        <div class="glyph fs2">
+            <div class="clearfix pbs">
+                <svg class="icon icon-chronometer"><use xlink:href="symbol-defs.svg#icon-chronometer"></use></svg><span class="name"> icon-chronometer</span>
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix pbs">
+                <svg class="icon icon-transformers"><use xlink:href="symbol-defs.svg#icon-transformers"></use></svg><span class="name"> icon-transformers</span>
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix pbs">
+                <svg class="icon icon-paperplane"><use xlink:href="symbol-defs.svg#icon-paperplane"></use></svg><span class="name"> icon-paperplane</span>
+            </div>
+        </div>
         <div class="glyph fs2">
             <div class="clearfix pbs">
                 <svg class="icon icon-checked"><use xlink:href="symbol-defs.svg#icon-checked"></use></svg><span class="name"> icon-checked</span>
@@ -33,6 +48,16 @@
                 <svg class="icon icon-minus"><use xlink:href="symbol-defs.svg#icon-minus"></use></svg><span class="name"> icon-minus</span>
             </div>
         </div>
+        <div class="glyph fs2">
+            <div class="clearfix pbs">
+                <svg class="icon icon-shipping"><use xlink:href="symbol-defs.svg#icon-shipping"></use></svg><span class="name"> icon-shipping</span>
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix pbs">
+                <svg class="icon icon-ruler"><use xlink:href="symbol-defs.svg#icon-ruler"></use></svg><span class="name"> icon-ruler</span>
+            </div>
+        </div>
   </div>
 <script defer src="svgxuse.js"></script>
 </body>

assets/iconmoon/demo-files/demo.css

@@ -48,7 +48,7 @@ input:focus {
   font-size: 16px;
   margin-right: 1.5em;
   float: left;
-  width: 17em;
+  width: 6em;
 }
 svg {
   color: #000;
@@ -145,6 +145,7 @@ p {
   font-size: 32px;
 }
 .name {
-  margin-left: .25em;
+  font-size: 0.5em;
+  margin-left: 1em;
 }
 

assets/iconmoon/demo.html

@@ -29,6 +29,18 @@
 <path fill="#ef8829" style="fill: var(--color4, #ef8829)" d="M16.742 21.342c-2.109 0.245-3.771 1.479-3.771 2.913s1.661 2.669 3.771 2.913c2.119-0.239 3.791-1.475 3.791-2.913s-1.673-2.674-3.791-2.913z"></path>
 <path fill="#ef8829" style="fill: var(--color4, #ef8829)" d="M16.594 27.184c-0.060 0.005-0.12 0.012-0.181 0.016 0.061-0.004 0.12-0.010 0.181-0.016z"></path>
 </symbol>
+<symbol id="icon-chronometer" viewBox="0 0 32 32">
+<title>chronometer</title>
+<path d="M28.054 18.571c0 6.933-5.62 12.554-12.554 12.554s-12.554-5.621-12.554-12.554c0-6.722 5.286-12.192 11.927-12.521v-2.166h-0.941c-0.555 0-1.005-0.45-1.005-1.005s0.45-1.004 1.005-1.004h3.012c0.555 0 1.005 0.449 1.005 1.004s-0.45 1.005-1.005 1.005h-1.066v2.153c6.757 0.2 12.176 5.729 12.176 12.534zM14.873 9.909v-2.291c-3.109 0.176-5.866 1.64-7.766 3.858l1.653 1.653-0.71 0.711-1.565-1.566c-1.274 1.798-2.032 3.987-2.032 6.359 0 0.106 0.015 0.251 0.015 0.251h2.432v1.005h-2.36c0.244 2.052 1.057 3.987 2.268 5.534l1.243-1.243 0.71 0.71-1.296 1.297c1.879 1.996 4.488 3.297 7.408 3.462v-2.729h1.004v2.742c2.989-0.102 5.67-1.393 7.599-3.41l-1.424-1.424 0.71-0.71 1.377 1.376c1.24-1.56 2.074-3.521 2.322-5.604h-2.55v-1.005h2.621c0.003-0.104 0.016-0.145 0.016-0.251 0-2.438-0.8-4.681-2.138-6.505l-1.648 1.648-0.71-0.71 1.726-1.725c-1.947-2.203-4.753-3.631-7.9-3.737v2.304h-1.005zM15.939 18.885h3.516c0.277 0 0.502 0.226 0.502 0.502 0 0.277-0.225 0.503-0.502 0.503h-4.018c-0.277 0-0.502-0.226-0.502-0.503v-6.967c0-0.277 0.225-0.502 0.502-0.502s0.502 0.225 0.502 0.502v6.465z"></path>
+</symbol>
+<symbol id="icon-transformers" viewBox="0 0 32 32">
+<title>transformers</title>
+<path d="M25.115 5.265l0.045-1.455c-2.694-1.348-5.686-2.155-8.973-2.155s-6.653 0.807-9.347 2.155l0.045 1.455 9.115 5.981 9.115-5.981zM16 4.556c1.875 0 3.448 0.601 3.448 0.601l-3.448 2.317-3.448-2.317c0 0 1.573-0.601 3.448-0.601zM18.073 23.977v-7.020l0.468-6.035-2.541 1.671-2.479-1.671 0.53 6.035v7.020h4.022zM12.39 10.276l-6.789-4.526-0.045-1.761h-3.996l0.593 8.55 4.85 3.466h5.927l-0.54-5.729zM4.685 10.653l6.412 3.018 0.107 0.989-6.357-2.875-0.162-1.132zM4.415 7.582l6.358 3.071 0.161 1.069-6.411-2.955-0.108-1.185zM4.308 26.549l4.735 2.424v-9.412l-2.796-1.74v-1.078l-2.748-1.886 0.809 11.692zM13.054 24.992v-7.012l-3.071 1.562v10.186l1.384 0.861 1.886-4.598h5.496l1.886 4.598 1.446-0.861v-10.185l-3.071-1.562v7.012h-5.956zM14.168 27.070l-1.401 3.932h6.466l-1.4-3.932h-3.665zM19.071 16.004h5.927l4.85-3.466 0.593-8.55h-3.996l-0.046 1.762-6.79 4.526-0.538 5.728zM27.153 11.785l-6.421 3 0.171-1.114 6.412-3.018-0.162 1.132zM27.477 8.767l-6.412 3.018 0.162-1.132 6.358-3.071-0.108 1.185zM28.5 14.856l-2.747 1.886v1.078l-2.755 1.74v9.412l4.694-2.424 0.808-11.692z"></path>
+</symbol>
+<symbol id="icon-paperplane" viewBox="0 0 32 32">
+<title>paperplane</title>
+<path d="M3.363 4.414l4.875 19.348 9.467-3.018-8.448-10.298 10.902 9.56 8.853-2.77-25.649-12.822zM18.004 27.586v-5.324l-3.116 0.926 3.116 4.398z"></path>
+</symbol>
 <symbol id="icon-checked" viewBox="0 0 32 32">
 <title>checked</title>
 <path d="M26.5 27h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2.5v-2.5c0-0.276 0.224-0.5 0.5-0.5 0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM26.5 21c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5 0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM26.5 15c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5 0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM26.5 9c-0.276 0-0.5-0.224-0.5-0.5v-2.5h-2.5c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM14.666 21.053c-0.184 0.185-0.483 0.185-0.668 0l-1.002-1.002c-0.002-0.003-0.001-0.007-0.003-0.009l-3.188-3.212c-0.185-0.184-0.185-0.483 0-0.668l1.002-1.003c0.185-0.185 0.484-0.185 0.669 0l2.86 2.881 6.014-6.013c0.184-0.185 0.483-0.185 0.668 0l1.002 1.003c0.186 0.185 0.186 0.484 0 0.669l-7.354 7.354zM20.5 6h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5zM14.5 6h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5zM8.5 27h-3c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v2.5h2.5c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5zM8.5 6h-2.5v2.5c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5h3c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5zM5.5 11c0.276 0 0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5zM5.5 17c0.276 0 0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5zM11.5 26h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5zM17.5 26h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5z"></path>
@@ -37,6 +49,14 @@
 <title>minus</title>
 <path d="M8.5 5h-3c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-2.5h2.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5zM11.5 6h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5zM20.5 5h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5zM26.5 5h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h2.5v2.5c0 0.276 0.224 0.5 0.5 0.5 0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM26.5 11c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5 0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM26.5 17c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5 0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM26.5 23c-0.276 0-0.5 0.224-0.5 0.5v2.5h-2.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM20.5 26h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5zM14.5 26h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5zM8.5 26h-2.5v-2.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5h3c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5zM5.5 21c0.276 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5zM5.5 15c0.276 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5zM11.938 17h8c0.553 0 1-0.448 1-1 0-0.553-0.447-1-1-1h-8c-0.553 0-1 0.447-1 1 0 0.552 0.447 1 1 1z"></path>
 </symbol>
+<symbol id="icon-shipping" viewBox="0 0 32 32">
+<title>shipping</title>
+<path d="M16.722 21.863c-0.456-0.432-0.988-0.764-1.569-0.971l-1.218-4.743 14.506-4.058 1.554 6.056-13.273 3.716zM12.104 9.019l9.671-2.705 1.555 6.058-9.67 2.705-1.556-6.058zM12.538 20.801c-0.27 0.076-0.521 0.184-0.765 0.303l-4.264-16.615h-1.604c-0.161 0.351-0.498 0.598-0.896 0.598h-2.002c-0.553 0-1.001-0.469-1.001-1.046s0.448-1.045 1.001-1.045h2.002c0.336 0 0.618 0.184 0.8 0.447h3.080v0.051l0.046-0.014 4.41 17.183c-0.269 0.025-0.538 0.064-0.807 0.138zM12.797 21.811c1.869-0.523 3.79 0.635 4.291 2.588 0.501 1.951-0.608 3.957-2.478 4.48-1.869 0.521-3.79-0.637-4.291-2.588s0.609-3.957 2.478-4.48zM12.27 25.814c0.214 0.836 1.038 1.332 1.839 1.107s1.276-1.084 1.062-1.92c-0.214-0.836-1.038-1.332-1.839-1.109-0.802 0.225-1.277 1.085-1.062 1.922zM29.87 21.701l-11.684 3.268c-0.021-0.279-0.060-0.561-0.132-0.842-0.071-0.281-0.174-0.545-0.289-0.799l11.623-3.25 0.482 1.623z"></path>
+</symbol>
+<symbol id="icon-ruler" viewBox="0 0 32 32">
+<title>ruler</title>
+<path d="M6.058 6.835l0.686 0.686-2.808 2.808 2.188 2.188 2.821-2.821 0.641 0.641-2.821 2.822 2.16 2.159 6.416-6.416-7.812-7.766-6.393 6.393 2.114 2.115 2.808-2.809zM23.099 16.659l-6.416 6.417 2.159 2.159 2.822-2.821 0.641 0.641-2.821 2.821 2.188 2.188 2.807-2.808 0.686 0.686-2.807 2.808 2.113 2.114 6.394-6.394-7.766-7.811zM29.822 8.451c0.781-0.782 0.787-2.045 0.012-2.821l-3.512-3.511c-0.775-0.775-2.039-0.771-2.82 0.012l-2.17 2.17 6.32 6.32 2.17-2.17zM3.398 25.942l2.623 2.623 5.284-1.877-6.030-6.030-1.877 5.284zM20.65 4.943l-14.885 14.886 6.369 6.369 14.886-14.886-6.37-6.369zM8.657 19.816l11.981-11.981 0.698 0.698-11.982 11.982-0.697-0.699zM10.053 21.213l11.98-11.981 0.698 0.698-11.981 11.98-0.697-0.697zM11.449 22.608l11.981-11.981 0.697 0.698-11.98 11.981-0.698-0.698zM1.954 30.010l3.066-1.117-1.949-1.949-1.117 3.066z"></path>
+</symbol>
 </defs>
 </svg>
 
@@ -55,6 +75,21 @@
   </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
+        <div class="glyph fs2">
+            <div class="clearfix pbs">
+                <svg class="icon icon-chronometer"><use xlink:href="#icon-chronometer"></use></svg><span class="name"> icon-chronometer</span>
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix pbs">
+                <svg class="icon icon-transformers"><use xlink:href="#icon-transformers"></use></svg><span class="name"> icon-transformers</span>
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix pbs">
+                <svg class="icon icon-paperplane"><use xlink:href="#icon-paperplane"></use></svg><span class="name"> icon-paperplane</span>
+            </div>
+        </div>
         <div class="glyph fs2">
             <div class="clearfix pbs">
                 <svg class="icon icon-checked"><use xlink:href="#icon-checked"></use></svg><span class="name"> icon-checked</span>
@@ -65,6 +100,16 @@
                 <svg class="icon icon-minus"><use xlink:href="#icon-minus"></use></svg><span class="name"> icon-minus</span>
             </div>
         </div>
+        <div class="glyph fs2">
+            <div class="clearfix pbs">
+                <svg class="icon icon-shipping"><use xlink:href="#icon-shipping"></use></svg><span class="name"> icon-shipping</span>
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix pbs">
+                <svg class="icon icon-ruler"><use xlink:href="#icon-ruler"></use></svg><span class="name"> icon-ruler</span>
+            </div>
+        </div>
   </div>
 <script defer src="svgxuse.js"></script>
 </body>

assets/iconmoon/selection.json

@@ -190,6 +190,82 @@
       "setId": 1,
       "iconIdx": 0
     },
+    {
+      "icon": {
+        "paths": [
+          "M897.728 594.272c0 221.856-179.84 401.728-401.728 401.728-221.856 0-401.728-179.872-401.728-401.728 0-215.104 169.152-390.144 381.664-400.672l0-69.312h-30.112c-17.76 0-32.16-14.4-32.16-32.16s14.4-32.128 32.16-32.128h96.384c17.76 0 32.16 14.368 32.16 32.128s-14.4 32.16-32.16 32.16h-34.112v68.896c216.224 6.4 389.632 183.328 389.632 401.088zM475.936 317.088v-73.312c-99.488 5.632-187.712 52.48-248.512 123.456l52.896 52.896-22.72 22.752-50.080-50.112c-40.768 57.536-65.024 127.584-65.024 203.488 0 3.392 0.48 8.032 0.48 8.032l77.824 0v32.16h-75.52c7.808 65.664 33.824 127.584 72.576 177.088l39.776-39.776 22.72 22.72-41.472 41.504c60.128 63.872 143.616 105.504 237.056 110.784v-87.328h32.128v87.744c95.648-3.264 181.44-44.576 243.168-109.12l-45.568-45.568 22.72-22.72 44.064 44.032c39.68-49.92 66.368-112.672 74.304-179.328h-81.6v-32.16h83.872c0.096-3.328 0.512-4.64 0.512-8.032 0-78.016-25.6-149.792-68.416-208.16l-52.736 52.736-22.72-22.72 55.232-55.2c-62.304-70.496-152.096-116.192-252.8-119.584v73.728l-32.16 0zM510.048 604.32h112.512c8.864 0 16.064 7.232 16.064 16.064 0 8.864-7.2 16.096-16.064 16.096h-128.576c-8.864 0-16.064-7.232-16.064-16.096l0-222.944c0-8.864 7.2-16.064 16.064-16.064s16.064 7.2 16.064 16.064l-0 206.88z"
+        ],
+        "attrs": [],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "chronometer",
+          "timer",
+          "clock"
+        ],
+        "grid": 32
+      },
+      "attrs": [],
+      "properties": {
+        "id": 89,
+        "order": 10,
+        "prevSize": 32,
+        "name": "chronometer"
+      },
+      "setIdx": 1,
+      "setId": 0,
+      "iconIdx": 88
+    },
+    {
+      "icon": {
+        "paths": [
+          "M803.68 168.48l1.44-46.56c-86.208-43.136-181.952-68.96-287.136-68.96s-212.896 25.824-299.104 68.96l1.44 46.56 291.68 191.392 291.68-191.392zM512 145.792c60 0 110.336 19.232 110.336 19.232l-110.336 74.144-110.336-74.144c0 0 50.336-19.232 110.336-19.232zM578.336 767.264v-224.64l14.976-193.12-81.312 53.472-79.328-53.472 16.96 193.12v224.64h128.704zM396.48 328.832l-217.248-144.832-1.44-56.352h-127.872l18.976 273.6 155.2 110.912h189.664l-17.28-183.328zM149.92 340.896l205.184 96.576 3.424 31.648-203.424-92-5.184-36.224zM141.28 242.624l203.456 98.272 5.152 34.208-205.152-94.56-3.456-37.92zM137.856 849.568l151.52 77.568v-301.184l-89.472-55.68v-34.496l-87.936-60.352 25.888 374.144zM417.728 799.744v-224.384l-98.272 49.984v325.952l44.288 27.552 60.352-147.136h175.872l60.352 147.136 46.272-27.552-0-325.92-98.272-49.984v224.384l-190.592 0zM453.376 866.24l-44.832 125.824h206.912l-44.8-125.824h-117.28zM610.272 512.128h189.664l155.2-110.912 18.976-273.6h-127.872l-1.472 56.384-217.28 144.832-17.216 183.296zM868.896 377.12l-205.472 96 5.472-35.648 205.184-96.576-5.184 36.224zM879.264 280.544l-205.184 96.576 5.184-36.224 203.456-98.272-3.456 37.92zM912 475.392l-87.904 60.352v34.496l-88.16 55.68v301.184l150.208-77.568 25.856-374.144z"
+        ],
+        "attrs": [],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "transformers"
+        ],
+        "grid": 32
+      },
+      "attrs": [],
+      "properties": {
+        "id": 165,
+        "order": 11,
+        "prevSize": 32,
+        "name": "transformers"
+      },
+      "setIdx": 1,
+      "setId": 0,
+      "iconIdx": 164
+    },
+    {
+      "icon": {
+        "paths": [
+          "M107.616 141.248l156 619.136 302.944-96.576-270.336-329.536 348.864 305.92 283.296-88.64-820.768-410.304zM576.128 882.752v-170.368l-99.712 29.632 99.712 140.736z"
+        ],
+        "attrs": [],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "paper plane",
+          "travel",
+          "plane"
+        ],
+        "grid": 32
+      },
+      "attrs": [],
+      "properties": {
+        "id": 299,
+        "order": 7,
+        "prevSize": 32,
+        "name": "paperplane"
+      },
+      "setIdx": 1,
+      "setId": 0,
+      "iconIdx": 298
+    },
     {
       "icon": {
         "paths": [
@@ -242,6 +318,56 @@
       "setIdx": 1,
       "setId": 0,
       "iconIdx": 325
+    },
+    {
+      "icon": {
+        "paths": [
+          "M535.104 699.616c-14.592-13.824-31.616-24.448-50.208-31.072l-38.976-151.776 464.192-129.856 49.728 193.792-424.736 118.912zM387.328 288.608l309.472-86.56 49.76 193.856-309.44 86.56-49.792-193.856zM401.216 665.632c-8.64 2.432-16.672 5.888-24.48 9.696l-136.448-531.68h-51.328c-5.152 11.232-15.936 19.136-28.672 19.136h-64.064c-17.696 0-32.032-15.008-32.032-33.472s14.336-33.44 32.032-33.44h64.064c10.752 0 19.776 5.888 25.6 14.304h98.56v1.632l1.472-0.448 141.12 549.856c-8.608 0.8-17.216 2.048-25.824 4.416zM409.504 697.952c59.808-16.736 121.28 20.32 137.312 82.816 16.032 62.432-19.456 126.624-79.296 143.36-59.808 16.672-121.28-20.384-137.312-82.816s19.488-126.624 79.296-143.36zM392.64 826.048c6.848 26.752 33.216 42.624 58.848 35.424s40.832-34.688 33.984-61.44c-6.848-26.752-33.216-42.624-58.848-35.488-25.664 7.2-40.864 34.72-33.984 61.504zM955.84 694.432l-373.888 104.576c-0.672-8.928-1.92-17.952-4.224-26.944-2.272-8.992-5.568-17.44-9.248-25.568l371.936-104 15.424 51.936z"
+        ],
+        "attrs": [],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "shipping"
+        ],
+        "grid": 32
+      },
+      "attrs": [],
+      "properties": {
+        "id": 333,
+        "order": 9,
+        "prevSize": 32,
+        "name": "shipping"
+      },
+      "setIdx": 1,
+      "setId": 0,
+      "iconIdx": 332
+    },
+    {
+      "icon": {
+        "paths": [
+          "M193.856 218.72l21.952 21.952-89.856 89.856 70.016 70.016 90.272-90.272 20.512 20.512-90.272 90.304 69.12 69.088 205.312-205.312-249.984-248.512-204.576 204.576 67.648 67.68 89.856-89.888zM739.168 533.088l-205.312 205.344 69.088 69.088 90.304-90.272 20.512 20.512-90.272 90.272 70.016 70.016 89.824-89.856 21.952 21.952-89.824 89.856 67.616 67.648 204.608-204.608-248.512-249.952zM954.304 270.432c24.992-25.024 25.184-65.44 0.384-90.272l-112.384-112.352c-24.8-24.8-65.248-24.672-90.24 0.384l-69.44 69.44 202.24 202.24 69.44-69.44zM108.736 830.144l83.936 83.936 169.088-60.064-192.96-192.96-60.064 169.088zM660.8 158.176l-476.32 476.352 203.808 203.808 476.352-476.352-203.84-203.808zM277.024 634.112l383.392-383.392 22.336 22.336-383.424 383.424-22.304-22.368zM321.696 678.816l383.36-383.392 22.336 22.336-383.392 383.36-22.304-22.304zM366.368 723.456l383.392-383.392 22.304 22.336-383.36 383.392-22.336-22.336zM62.528 960.32l98.112-35.744-62.368-62.368-35.744 98.112z"
+        ],
+        "attrs": [],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "ruler",
+          "pencil",
+          "design"
+        ],
+        "grid": 32
+      },
+      "attrs": [],
+      "properties": {
+        "id": 350,
+        "order": 12,
+        "prevSize": 32,
+        "name": "ruler"
+      },
+      "setIdx": 1,
+      "setId": 0,
+      "iconIdx": 349
     }
   ],
   "height": 1024,

assets/iconmoon/symbol-defs.svg

@@ -19,6 +19,18 @@
 <path fill="#ef8829" style="fill: var(--color4, #ef8829)" d="M16.742 21.342c-2.109 0.245-3.771 1.479-3.771 2.913s1.661 2.669 3.771 2.913c2.119-0.239 3.791-1.475 3.791-2.913s-1.673-2.674-3.791-2.913z"></path>
 <path fill="#ef8829" style="fill: var(--color4, #ef8829)" d="M16.594 27.184c-0.060 0.005-0.12 0.012-0.181 0.016 0.061-0.004 0.12-0.010 0.181-0.016z"></path>
 </symbol>
+<symbol id="icon-chronometer" viewBox="0 0 32 32">
+<title>chronometer</title>
+<path d="M28.054 18.571c0 6.933-5.62 12.554-12.554 12.554s-12.554-5.621-12.554-12.554c0-6.722 5.286-12.192 11.927-12.521v-2.166h-0.941c-0.555 0-1.005-0.45-1.005-1.005s0.45-1.004 1.005-1.004h3.012c0.555 0 1.005 0.449 1.005 1.004s-0.45 1.005-1.005 1.005h-1.066v2.153c6.757 0.2 12.176 5.729 12.176 12.534zM14.873 9.909v-2.291c-3.109 0.176-5.866 1.64-7.766 3.858l1.653 1.653-0.71 0.711-1.565-1.566c-1.274 1.798-2.032 3.987-2.032 6.359 0 0.106 0.015 0.251 0.015 0.251h2.432v1.005h-2.36c0.244 2.052 1.057 3.987 2.268 5.534l1.243-1.243 0.71 0.71-1.296 1.297c1.879 1.996 4.488 3.297 7.408 3.462v-2.729h1.004v2.742c2.989-0.102 5.67-1.393 7.599-3.41l-1.424-1.424 0.71-0.71 1.377 1.376c1.24-1.56 2.074-3.521 2.322-5.604h-2.55v-1.005h2.621c0.003-0.104 0.016-0.145 0.016-0.251 0-2.438-0.8-4.681-2.138-6.505l-1.648 1.648-0.71-0.71 1.726-1.725c-1.947-2.203-4.753-3.631-7.9-3.737v2.304h-1.005zM15.939 18.885h3.516c0.277 0 0.502 0.226 0.502 0.502 0 0.277-0.225 0.503-0.502 0.503h-4.018c-0.277 0-0.502-0.226-0.502-0.503v-6.967c0-0.277 0.225-0.502 0.502-0.502s0.502 0.225 0.502 0.502v6.465z"></path>
+</symbol>
+<symbol id="icon-transformers" viewBox="0 0 32 32">
+<title>transformers</title>
+<path d="M25.115 5.265l0.045-1.455c-2.694-1.348-5.686-2.155-8.973-2.155s-6.653 0.807-9.347 2.155l0.045 1.455 9.115 5.981 9.115-5.981zM16 4.556c1.875 0 3.448 0.601 3.448 0.601l-3.448 2.317-3.448-2.317c0 0 1.573-0.601 3.448-0.601zM18.073 23.977v-7.020l0.468-6.035-2.541 1.671-2.479-1.671 0.53 6.035v7.020h4.022zM12.39 10.276l-6.789-4.526-0.045-1.761h-3.996l0.593 8.55 4.85 3.466h5.927l-0.54-5.729zM4.685 10.653l6.412 3.018 0.107 0.989-6.357-2.875-0.162-1.132zM4.415 7.582l6.358 3.071 0.161 1.069-6.411-2.955-0.108-1.185zM4.308 26.549l4.735 2.424v-9.412l-2.796-1.74v-1.078l-2.748-1.886 0.809 11.692zM13.054 24.992v-7.012l-3.071 1.562v10.186l1.384 0.861 1.886-4.598h5.496l1.886 4.598 1.446-0.861v-10.185l-3.071-1.562v7.012h-5.956zM14.168 27.070l-1.401 3.932h6.466l-1.4-3.932h-3.665zM19.071 16.004h5.927l4.85-3.466 0.593-8.55h-3.996l-0.046 1.762-6.79 4.526-0.538 5.728zM27.153 11.785l-6.421 3 0.171-1.114 6.412-3.018-0.162 1.132zM27.477 8.767l-6.412 3.018 0.162-1.132 6.358-3.071-0.108 1.185zM28.5 14.856l-2.747 1.886v1.078l-2.755 1.74v9.412l4.694-2.424 0.808-11.692z"></path>
+</symbol>
+<symbol id="icon-paperplane" viewBox="0 0 32 32">
+<title>paperplane</title>
+<path d="M3.363 4.414l4.875 19.348 9.467-3.018-8.448-10.298 10.902 9.56 8.853-2.77-25.649-12.822zM18.004 27.586v-5.324l-3.116 0.926 3.116 4.398z"></path>
+</symbol>
 <symbol id="icon-checked" viewBox="0 0 32 32">
 <title>checked</title>
 <path d="M26.5 27h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2.5v-2.5c0-0.276 0.224-0.5 0.5-0.5 0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM26.5 21c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5 0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM26.5 15c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5 0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM26.5 9c-0.276 0-0.5-0.224-0.5-0.5v-2.5h-2.5c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM14.666 21.053c-0.184 0.185-0.483 0.185-0.668 0l-1.002-1.002c-0.002-0.003-0.001-0.007-0.003-0.009l-3.188-3.212c-0.185-0.184-0.185-0.483 0-0.668l1.002-1.003c0.185-0.185 0.484-0.185 0.669 0l2.86 2.881 6.014-6.013c0.184-0.185 0.483-0.185 0.668 0l1.002 1.003c0.186 0.185 0.186 0.484 0 0.669l-7.354 7.354zM20.5 6h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5zM14.5 6h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5zM8.5 27h-3c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v2.5h2.5c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5zM8.5 6h-2.5v2.5c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5h3c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5zM5.5 11c0.276 0 0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5zM5.5 17c0.276 0 0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5zM11.5 26h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5zM17.5 26h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5z"></path>
@@ -27,5 +39,13 @@
 <title>minus</title>
 <path d="M8.5 5h-3c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-2.5h2.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5zM11.5 6h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5zM20.5 5h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5zM26.5 5h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h2.5v2.5c0 0.276 0.224 0.5 0.5 0.5 0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM26.5 11c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5 0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM26.5 17c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5 0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM26.5 23c-0.276 0-0.5 0.224-0.5 0.5v2.5h-2.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM20.5 26h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5zM14.5 26h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5zM8.5 26h-2.5v-2.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5h3c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5zM5.5 21c0.276 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5zM5.5 15c0.276 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5zM11.938 17h8c0.553 0 1-0.448 1-1 0-0.553-0.447-1-1-1h-8c-0.553 0-1 0.447-1 1 0 0.552 0.447 1 1 1z"></path>
 </symbol>
+<symbol id="icon-shipping" viewBox="0 0 32 32">
+<title>shipping</title>
+<path d="M16.722 21.863c-0.456-0.432-0.988-0.764-1.569-0.971l-1.218-4.743 14.506-4.058 1.554 6.056-13.273 3.716zM12.104 9.019l9.671-2.705 1.555 6.058-9.67 2.705-1.556-6.058zM12.538 20.801c-0.27 0.076-0.521 0.184-0.765 0.303l-4.264-16.615h-1.604c-0.161 0.351-0.498 0.598-0.896 0.598h-2.002c-0.553 0-1.001-0.469-1.001-1.046s0.448-1.045 1.001-1.045h2.002c0.336 0 0.618 0.184 0.8 0.447h3.080v0.051l0.046-0.014 4.41 17.183c-0.269 0.025-0.538 0.064-0.807 0.138zM12.797 21.811c1.869-0.523 3.79 0.635 4.291 2.588 0.501 1.951-0.608 3.957-2.478 4.48-1.869 0.521-3.79-0.637-4.291-2.588s0.609-3.957 2.478-4.48zM12.27 25.814c0.214 0.836 1.038 1.332 1.839 1.107s1.276-1.084 1.062-1.92c-0.214-0.836-1.038-1.332-1.839-1.109-0.802 0.225-1.277 1.085-1.062 1.922zM29.87 21.701l-11.684 3.268c-0.021-0.279-0.060-0.561-0.132-0.842-0.071-0.281-0.174-0.545-0.289-0.799l11.623-3.25 0.482 1.623z"></path>
+</symbol>
+<symbol id="icon-ruler" viewBox="0 0 32 32">
+<title>ruler</title>
+<path d="M6.058 6.835l0.686 0.686-2.808 2.808 2.188 2.188 2.821-2.821 0.641 0.641-2.821 2.822 2.16 2.159 6.416-6.416-7.812-7.766-6.393 6.393 2.114 2.115 2.808-2.809zM23.099 16.659l-6.416 6.417 2.159 2.159 2.822-2.821 0.641 0.641-2.821 2.821 2.188 2.188 2.807-2.808 0.686 0.686-2.807 2.808 2.113 2.114 6.394-6.394-7.766-7.811zM29.822 8.451c0.781-0.782 0.787-2.045 0.012-2.821l-3.512-3.511c-0.775-0.775-2.039-0.771-2.82 0.012l-2.17 2.17 6.32 6.32 2.17-2.17zM3.398 25.942l2.623 2.623 5.284-1.877-6.030-6.030-1.877 5.284zM20.65 4.943l-14.885 14.886 6.369 6.369 14.886-14.886-6.37-6.369zM8.657 19.816l11.981-11.981 0.698 0.698-11.982 11.982-0.697-0.699zM10.053 21.213l11.98-11.981 0.698 0.698-11.981 11.98-0.697-0.697zM11.449 22.608l11.981-11.981 0.697 0.698-11.98 11.981-0.698-0.698zM1.954 30.010l3.066-1.117-1.949-1.949-1.117 3.066z"></path>
+</symbol>
 </defs>
 </svg>

dist/example/index.html

@@ -4,7 +4,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
-	<title>Crispy | a minimal SASS / CSS Framework</title>
+	<title>Crispy | Lightweight SASS / CSS Framework</title>
 	<meta name="description" content="">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="styles.css">
@@ -25,6 +25,9 @@
 								    Crispy 2.0
                                 </h1>
                             </a>
+                            <h2 class="h6">
+                                Lightweight CSS / SASS Framework
+                            </h2>
 						</hgroup>
 					</div>
 				</div>
@@ -32,49 +35,95 @@
 		</div>
 	</header>
 	<div class="container">
-		<div class="col-12">
-			<p>
-                This is a small CSS / SASS Framework that gives you an amount of varaibles, components, modifiziers, mixins and functions.
-            </p>
-            <p>
-                The problem of most frameworks is they trying to hard adding a lot of styles
-                which has to be customized and documented if you used it for a Project.
-                Often these changes cause a loss of performance and raise the propability of errors.
-            </p>
-            <p>
-                Crispy uses <a href="https://necolas.github.io/normalize.css/" target="_blank">normalize.css</a>
-            </p>
-            <h3 class="h5">Coding Style</h3>
-            <p>
-                The boilerplate uses as coding style <a href="http://getbem.com/" target="_blank">BEM</a>,
-                but as a more simpler idea of it. One of the benefits of BEM is that you create components and can reuse them.
-                But one the other hand it can be really strange if you overthinking it.
-            </p>
-            <h3 class="h5">Not Fancy but Small</h3>
-            <p>
-                Components are created to give you a structure and a basic set of styles and not to look fancy.
-                The idea is to extend each component and save time to write a bunch of extra CSS code and
-                therefore get more performance while minimize the causes of errors. Of Course is really Fancy to get more Performance and less Errors.
-            </p>
-
-            <!-- getting started -->
-			<hr class="margin-top-3">
-            <h2 id="getting-started">Getting Started</h2>
-            <h3>Installation</h3>
-            <pre class="code"><code>npm install crispy-boilerplate</code></pre>
-            <p>Main SCSS-file:</p>
-            <pre class="code"><code>@import
+        <div class="grid margin-top-5 margin-bottom-5">
+		    <div class="col-12 col-md-6">
+                <h3 class="h6">
+                    <svg class="icon icon-color-primary" alt="Lightweight">
+                        <use xlink:href="symbol-defs.svg#icon-paperplane" />
+                    </svg>
+                    Lightweight
+                </h3>
+                <p class="text-size-medium">
+                    Only what you need! Basic Styles to create UI-Elements,
+                    but without endless overwritting. Less Code, less Size and that means Crispy is <span class="text-weight-bold">simple</span> and <span class="text-weight-bold">fast</span>!
+                </p>
+            </div>
+            <div class="col-12 col-md-6">
+                <h3 class="h6">
+                    <svg class="icon icon-color-primary" alt="Usefull Helpers">
+                        <use xlink:href="symbol-defs.svg#icon-shipping" />
+                    </svg>
+                    Modifiziers, Mixins and Functions
+                </h3>
+                <p class="text-size-medium">
+                    A small amount of Usefull Helpers to support your Work. That make it easer to create new Styles.
+                    Modifiziers are helping to reduce code.
+                </p>
+            </div>
+            <div class="col-12 col-md-6">
+                <h3 class="h6">
+                    <svg class="icon icon-color-primary" alt="Customizeable">
+                        <use xlink:href="symbol-defs.svg#icon-transformers" />
+                    </svg>
+                    Customizable
+                </h3>
+                <p class="text-size-medium">
+                    There are many Frameworks that really great, but if you want customize them,
+                    that can be a lot of work. Crispy is great to build Styles for Layouts that are unusual.
+                </p>
+            </div>
+            <div class="col-12 col-md-6">
+                <h3 class="h6">
+                    <svg class="icon icon-color-primary" alt="Coding Style">
+                        <use xlink:href="symbol-defs.svg#icon-ruler" />
+                    </svg>
+                    Coding Style
+                </h3>
+                <p class="text-size-medium">
+                    Crispy uses <a href="http://getbem.com/" target="_blank">BEM</a> for naming, but
+                    a simpler approach of it. BEM is good to show other Developers what classes
+                    are belong to a Component.
+                </p>
+            </div>
+        </div>
+
+        <div class="grid">
+            <div class="col-12">
+
+                <!-- getting started -->
+			    <hr class="margin-top-3">
+                <h2 class="h3">Installation</h2>
+                <pre class="code"><code>npm install crispy</code></pre>
+
+                <h2 class="h3">How it works</h2>
+
+                <pre class="code"><code>@import
     "crispy";</code></pre>
-                <p>After this include mixins you need:</p>
-                <pre class="code"><code>@include crispy__*()</code></pre>
-                <p>To overwrite defaults simple add your own config-file before importing crispy:</p>
+                <p>Now include Mixins you need. Components and Modifiziers only works if you include them,</p>
+                <pre class="code"><code>@include crispy__core();
+@include crispy__modifiers();
+
+// components
+@include crispy__button();
+@include crispy__code();
+@include crispy__field();
+@include crispy__group();
+@include crispy__heading();
+@include crispy__hero();
+@include crispy__icon();
+@include crispy__media();
+@include crispy__modal();
+@include crispy__overlay();
+@include crispy__panel();
+@include crispy__table();</code></pre>
+                <p>For Custom Variables add a File before importing Crispy</p>
                 <pre class="code"><code>@import
-    "config",
+    "variables",
     "crispy";</code></pre>
 
-                <h3>Example</h3>
+                <h2 class="h3">Example</h2>
                 <p>
-                    You find an example in "/src/example", this is this documentation. In the given example there are additional directories. These ones are part of a structure which might be helpful for you.
+                    You find an example in "/src/example", this is this Documentation. In the given example there are additional directories. These ones are part of a structure which might be helpful for you.
                 </p>
                 <h4>Site</h4>
                 <p>

dist/example/symbol-defs.svg

@@ -19,6 +19,18 @@
 <path fill="#ef8829" style="fill: var(--color4, #ef8829)" d="M16.742 21.342c-2.109 0.245-3.771 1.479-3.771 2.913s1.661 2.669 3.771 2.913c2.119-0.239 3.791-1.475 3.791-2.913s-1.673-2.674-3.791-2.913z"></path>
 <path fill="#ef8829" style="fill: var(--color4, #ef8829)" d="M16.594 27.184c-0.060 0.005-0.12 0.012-0.181 0.016 0.061-0.004 0.12-0.010 0.181-0.016z"></path>
 </symbol>
+<symbol id="icon-chronometer" viewBox="0 0 32 32">
+<title>chronometer</title>
+<path d="M28.054 18.571c0 6.933-5.62 12.554-12.554 12.554s-12.554-5.621-12.554-12.554c0-6.722 5.286-12.192 11.927-12.521v-2.166h-0.941c-0.555 0-1.005-0.45-1.005-1.005s0.45-1.004 1.005-1.004h3.012c0.555 0 1.005 0.449 1.005 1.004s-0.45 1.005-1.005 1.005h-1.066v2.153c6.757 0.2 12.176 5.729 12.176 12.534zM14.873 9.909v-2.291c-3.109 0.176-5.866 1.64-7.766 3.858l1.653 1.653-0.71 0.711-1.565-1.566c-1.274 1.798-2.032 3.987-2.032 6.359 0 0.106 0.015 0.251 0.015 0.251h2.432v1.005h-2.36c0.244 2.052 1.057 3.987 2.268 5.534l1.243-1.243 0.71 0.71-1.296 1.297c1.879 1.996 4.488 3.297 7.408 3.462v-2.729h1.004v2.742c2.989-0.102 5.67-1.393 7.599-3.41l-1.424-1.424 0.71-0.71 1.377 1.376c1.24-1.56 2.074-3.521 2.322-5.604h-2.55v-1.005h2.621c0.003-0.104 0.016-0.145 0.016-0.251 0-2.438-0.8-4.681-2.138-6.505l-1.648 1.648-0.71-0.71 1.726-1.725c-1.947-2.203-4.753-3.631-7.9-3.737v2.304h-1.005zM15.939 18.885h3.516c0.277 0 0.502 0.226 0.502 0.502 0 0.277-0.225 0.503-0.502 0.503h-4.018c-0.277 0-0.502-0.226-0.502-0.503v-6.967c0-0.277 0.225-0.502 0.502-0.502s0.502 0.225 0.502 0.502v6.465z"></path>
+</symbol>
+<symbol id="icon-transformers" viewBox="0 0 32 32">
+<title>transformers</title>
+<path d="M25.115 5.265l0.045-1.455c-2.694-1.348-5.686-2.155-8.973-2.155s-6.653 0.807-9.347 2.155l0.045 1.455 9.115 5.981 9.115-5.981zM16 4.556c1.875 0 3.448 0.601 3.448 0.601l-3.448 2.317-3.448-2.317c0 0 1.573-0.601 3.448-0.601zM18.073 23.977v-7.020l0.468-6.035-2.541 1.671-2.479-1.671 0.53 6.035v7.020h4.022zM12.39 10.276l-6.789-4.526-0.045-1.761h-3.996l0.593 8.55 4.85 3.466h5.927l-0.54-5.729zM4.685 10.653l6.412 3.018 0.107 0.989-6.357-2.875-0.162-1.132zM4.415 7.582l6.358 3.071 0.161 1.069-6.411-2.955-0.108-1.185zM4.308 26.549l4.735 2.424v-9.412l-2.796-1.74v-1.078l-2.748-1.886 0.809 11.692zM13.054 24.992v-7.012l-3.071 1.562v10.186l1.384 0.861 1.886-4.598h5.496l1.886 4.598 1.446-0.861v-10.185l-3.071-1.562v7.012h-5.956zM14.168 27.070l-1.401 3.932h6.466l-1.4-3.932h-3.665zM19.071 16.004h5.927l4.85-3.466 0.593-8.55h-3.996l-0.046 1.762-6.79 4.526-0.538 5.728zM27.153 11.785l-6.421 3 0.171-1.114 6.412-3.018-0.162 1.132zM27.477 8.767l-6.412 3.018 0.162-1.132 6.358-3.071-0.108 1.185zM28.5 14.856l-2.747 1.886v1.078l-2.755 1.74v9.412l4.694-2.424 0.808-11.692z"></path>
+</symbol>
+<symbol id="icon-paperplane" viewBox="0 0 32 32">
+<title>paperplane</title>
+<path d="M3.363 4.414l4.875 19.348 9.467-3.018-8.448-10.298 10.902 9.56 8.853-2.77-25.649-12.822zM18.004 27.586v-5.324l-3.116 0.926 3.116 4.398z"></path>
+</symbol>
 <symbol id="icon-checked" viewBox="0 0 32 32">
 <title>checked</title>
 <path d="M26.5 27h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2.5v-2.5c0-0.276 0.224-0.5 0.5-0.5 0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM26.5 21c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5 0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM26.5 15c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5 0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM26.5 9c-0.276 0-0.5-0.224-0.5-0.5v-2.5h-2.5c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.275 0 0.5 0.224 0.5 0.5v3c0 0.276-0.225 0.5-0.5 0.5zM14.666 21.053c-0.184 0.185-0.483 0.185-0.668 0l-1.002-1.002c-0.002-0.003-0.001-0.007-0.003-0.009l-3.188-3.212c-0.185-0.184-0.185-0.483 0-0.668l1.002-1.003c0.185-0.185 0.484-0.185 0.669 0l2.86 2.881 6.014-6.013c0.184-0.185 0.483-0.185 0.668 0l1.002 1.003c0.186 0.185 0.186 0.484 0 0.669l-7.354 7.354zM20.5 6h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5zM14.5 6h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5zM8.5 27h-3c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v2.5h2.5c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5zM8.5 6h-2.5v2.5c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5h3c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5zM5.5 11c0.276 0 0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5zM5.5 17c0.276 0 0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5zM11.5 26h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5zM17.5 26h3c0.275 0 0.5 0.224 0.5 0.5s-0.225 0.5-0.5 0.5h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5z"></path>
@@ -27,5 +39,13 @@
 <title>minus</title>
 <path d="M8.5 5h-3c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5s0.5-0.224 0.5-0.5v-2.5h2.5c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5zM11.5 6h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5zM20.5 5h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5zM26.5 5h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h2.5v2.5c0 0.276 0.224 0.5 0.5 0.5 0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM26.5 11c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5 0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM26.5 17c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5 0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM26.5 23c-0.276 0-0.5 0.224-0.5 0.5v2.5h-2.5c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.225-0.5-0.5-0.5zM20.5 26h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5zM14.5 26h-3c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h3c0.275 0 0.5-0.224 0.5-0.5s-0.225-0.5-0.5-0.5zM8.5 26h-2.5v-2.5c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5h3c0.276 0 0.5-0.224 0.5-0.5s-0.224-0.5-0.5-0.5zM5.5 21c0.276 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5zM5.5 15c0.276 0 0.5-0.224 0.5-0.5v-3c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v3c0 0.276 0.224 0.5 0.5 0.5zM11.938 17h8c0.553 0 1-0.448 1-1 0-0.553-0.447-1-1-1h-8c-0.553 0-1 0.447-1 1 0 0.552 0.447 1 1 1z"></path>
 </symbol>
+<symbol id="icon-shipping" viewBox="0 0 32 32">
+<title>shipping</title>
+<path d="M16.722 21.863c-0.456-0.432-0.988-0.764-1.569-0.971l-1.218-4.743 14.506-4.058 1.554 6.056-13.273 3.716zM12.104 9.019l9.671-2.705 1.555 6.058-9.67 2.705-1.556-6.058zM12.538 20.801c-0.27 0.076-0.521 0.184-0.765 0.303l-4.264-16.615h-1.604c-0.161 0.351-0.498 0.598-0.896 0.598h-2.002c-0.553 0-1.001-0.469-1.001-1.046s0.448-1.045 1.001-1.045h2.002c0.336 0 0.618 0.184 0.8 0.447h3.080v0.051l0.046-0.014 4.41 17.183c-0.269 0.025-0.538 0.064-0.807 0.138zM12.797 21.811c1.869-0.523 3.79 0.635 4.291 2.588 0.501 1.951-0.608 3.957-2.478 4.48-1.869 0.521-3.79-0.637-4.291-2.588s0.609-3.957 2.478-4.48zM12.27 25.814c0.214 0.836 1.038 1.332 1.839 1.107s1.276-1.084 1.062-1.92c-0.214-0.836-1.038-1.332-1.839-1.109-0.802 0.225-1.277 1.085-1.062 1.922zM29.87 21.701l-11.684 3.268c-0.021-0.279-0.060-0.561-0.132-0.842-0.071-0.281-0.174-0.545-0.289-0.799l11.623-3.25 0.482 1.623z"></path>
+</symbol>
+<symbol id="icon-ruler" viewBox="0 0 32 32">
+<title>ruler</title>
+<path d="M6.058 6.835l0.686 0.686-2.808 2.808 2.188 2.188 2.821-2.821 0.641 0.641-2.821 2.822 2.16 2.159 6.416-6.416-7.812-7.766-6.393 6.393 2.114 2.115 2.808-2.809zM23.099 16.659l-6.416 6.417 2.159 2.159 2.822-2.821 0.641 0.641-2.821 2.821 2.188 2.188 2.807-2.808 0.686 0.686-2.807 2.808 2.113 2.114 6.394-6.394-7.766-7.811zM29.822 8.451c0.781-0.782 0.787-2.045 0.012-2.821l-3.512-3.511c-0.775-0.775-2.039-0.771-2.82 0.012l-2.17 2.17 6.32 6.32 2.17-2.17zM3.398 25.942l2.623 2.623 5.284-1.877-6.030-6.030-1.877 5.284zM20.65 4.943l-14.885 14.886 6.369 6.369 14.886-14.886-6.37-6.369zM8.657 19.816l11.981-11.981 0.698 0.698-11.982 11.982-0.697-0.699zM10.053 21.213l11.98-11.981 0.698 0.698-11.981 11.98-0.697-0.697zM11.449 22.608l11.981-11.981 0.697 0.698-11.98 11.981-0.698-0.698zM1.954 30.010l3.066-1.117-1.949-1.949-1.117 3.066z"></path>
+</symbol>
 </defs>
 </svg>

mix-manifest.json

@@ -1,5 +1,6 @@
 {
     "/dist/crispy.css": "/dist/crispy.css",
+    "/dist/crispy_minimal.css": "/dist/crispy_minimal.css",
     "/dist/example/styles.css": "/dist/example/styles.css",
     "/dist/example/symbol-defs.svg": "/dist/example/symbol-defs.svg"
 }

src/_variables.scss

@@ -33,10 +33,10 @@ $crispy__color-danger: #d9534f !default;
 $crispy__color-info: #0090d4 !default;
 
 $crispy__color-text: #363636 !default;
-$crispy__color-border: #d0d0d0 !default;
+$crispy__color-border: #dfdfdf !default;
 $crispy__color-background: #ffffff !default;
 
-$crispy__color-panel: #d0d0d0 !default;
+$crispy__color-panel: #f9f9f9 !default;
 
 $crispy__color-link: $crispy__color-primary !default;
 $crispy__color-link-hover: $crispy__color-secondary !default;
@@ -45,7 +45,7 @@ $crispy__color-link-focus: $crispy__color-primary !default;
 $crispy__color-link-active: $crispy__color-primary !default;
 
 // borders
-$crispy__border-radius: 0 !default;
+$crispy__border-radius: 0.5em !default;
 $crispy__border: 1px solid $crispy__color-border !default;
 
 // breakpoints
@@ -68,10 +68,11 @@ $crispy__colors: (
 // font-sizes as map
 $crispy__font-sizes: (
     'default': $crispy__font-size,
-    'small': toRem(12px),
-    'large': toRem(20px),
-    'big'  : toRem(24px),
-    'mega' : toRem(28px)
+    'small' : toRem(12px),
+    'medium': toRem(18px),
+    'large' : toRem(20px),
+    'big'   : toRem(24px),
+    'mega'  : toRem(28px)
 ) !default;
 
 // z-index

src/all.scss

@@ -3,10 +3,9 @@
 
 @include crispy__core();
 @include crispy__modifiers();
-
 @include crispy__button();
 @include crispy__code();
-
+@include crispy__field();
 @include crispy__group();
 @include crispy__heading();
 @include crispy__hero();
@@ -14,8 +13,5 @@
 @include crispy__media();
 @include crispy__modal();
 @include crispy__overlay();
-
-@include crispy__field();
-
 @include crispy__panel();
 @include crispy__table();

src/components/_icon.scss

@@ -17,5 +17,12 @@ $crispy__icon__width: 1.5em !default;
         height: $crispy__icon__width;
         vertical-align: middle;
         overflow: hidden;
+        line-height: $crispy__golden-ratio;
+    }
+
+    @each $name, $color in $crispy__colors {
+        .icon-color-#{$name} {
+            fill: $color !important;
+        }
     }
 }

src/components/_panel.scss

@@ -13,7 +13,7 @@
  *
  */
 
-$crispy__panel__padding: toEm($crispy__spacing) !default;
+$crispy__panel__padding: toEm(15px 20px) !default;
 
 @mixin crispy__panel {
     .panel {

src/minimal.scss

@@ -0,0 +1,5 @@
+@import
+    'crispy';
+
+@include crispy__core();
+@include crispy__modifiers();

webpack.mix.js

@@ -18,6 +18,13 @@ mix.sass('src/all.scss', 'dist/crispy.css', {
             ]
         }
     })
+    .sass('src/minimal.scss', 'dist/crispy_minimal.css', {
+        sassOptions: {
+            includePaths: [
+                'node_modules/normalize-scss/sass'
+            ]
+        }
+    })
     .sass('src/example/styles.scss', 'dist/example/styles.css', {
         sassOptions: {
             includePaths: [