tentakelfabrik
/
crispy-css
1
0
Fork 0
Code Issues 1 Pull Requests 0 Releases 1 Wiki Activity
Browse Source

adding

master
Björn 5 years ago
parent
e2767a749c
commit
c8a9dce485
27 changed files with 385 additions and 56 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      assets/iconmoon/PNG/chronometer.png
  2. BIN
      assets/iconmoon/PNG/paperplane.png
  3. BIN
      assets/iconmoon/PNG/ruler.png
  4. BIN
      assets/iconmoon/PNG/shipping.png
  5. BIN
      assets/iconmoon/PNG/transformers.png
  6. +5
    -0
      assets/iconmoon/SVG/chronometer.svg
  7. +5
    -0
      assets/iconmoon/SVG/paperplane.svg
  8. +5
    -0
      assets/iconmoon/SVG/ruler.svg
  9. +5
    -0
      assets/iconmoon/SVG/shipping.svg
  10. +5
    -0
      assets/iconmoon/SVG/transformers.svg
  11. +25
    -0
      assets/iconmoon/demo-external-svg.html
  12. +3
    -2
      assets/iconmoon/demo-files/demo.css
  13. +45
    -0
      assets/iconmoon/demo.html
  14. +126
    -0
      assets/iconmoon/selection.json
  15. +20
    -0
      assets/iconmoon/symbol-defs.svg
  16. +1
    -1
      dist/crispy.css
  17. +1
    -0
      dist/crispy_minimal.css
  18. +88
    -39
      dist/example/index.html
  19. +1
    -1
      dist/example/styles.css
  20. +20
    -0
      dist/example/symbol-defs.svg
  21. +1
    -0
      mix-manifest.json
  22. +8
    -7
      src/_variables.scss
  23. +1
    -5
      src/all.scss
  24. +7
    -0
      src/components/_icon.scss
  25. +1
    -1
      src/components/_panel.scss
  26. +5
    -0
      src/minimal.scss
  27. +7
    -0
      webpack.mix.js

BIN
assets/iconmoon/PNG/chronometer.png View File

Before After
Width: 32  |  Height: 32  |  Size: 453 B

BIN
assets/iconmoon/PNG/paperplane.png View File

Before After
Width: 32  |  Height: 32  |  Size: 301 B

BIN
assets/iconmoon/PNG/ruler.png View File

Before After
Width: 32  |  Height: 32  |  Size: 435 B

BIN
assets/iconmoon/PNG/shipping.png View File

Before After
Width: 32  |  Height: 32  |  Size: 440 B

BIN
assets/iconmoon/PNG/transformers.png View File

Before After
Width: 32  |  Height: 32  |  Size: 594 B

+ 5
- 0
assets/iconmoon/SVG/chronometer.svg View File

@ -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>

+ 5
- 0
assets/iconmoon/SVG/paperplane.svg View File

@ -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>

+ 5
- 0
assets/iconmoon/SVG/ruler.svg View File

@ -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>

+ 5
- 0
assets/iconmoon/SVG/shipping.svg View File

@ -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>

+ 5
- 0
assets/iconmoon/SVG/transformers.svg View File

@ -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>

+ 25
- 0
assets/iconmoon/demo-external-svg.html View File

@ -23,6 +23,21 @@
</div> </div>
<div class="clearfix mhl ptl"> <div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 32</h1> <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="glyph fs2">
<div class="clearfix pbs"> <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> <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> <svg class="icon icon-minus"><use xlink:href="symbol-defs.svg#icon-minus"></use></svg><span class="name"> icon-minus</span>
</div> </div>
</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> </div>
<script defer src="svgxuse.js"></script> <script defer src="svgxuse.js"></script>
</body> </body>


+ 3
- 2
assets/iconmoon/demo-files/demo.css View File

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

+ 45
- 0
assets/iconmoon/demo.html View File

@ -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.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> <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>
<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"> <symbol id="icon-checked" viewBox="0 0 32 32">
<title>checked</title> <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> <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> <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> <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>
<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> </defs>
</svg> </svg>
@ -55,6 +75,21 @@
</div> </div>
<div class="clearfix mhl ptl"> <div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 32</h1> <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="glyph fs2">
<div class="clearfix pbs"> <div class="clearfix pbs">
<svg class="icon icon-checked"><use xlink:href="#icon-checked"></use></svg><span class="name"> icon-checked</span> <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> <svg class="icon icon-minus"><use xlink:href="#icon-minus"></use></svg><span class="name"> icon-minus</span>
</div> </div>
</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> </div>
<script defer src="svgxuse.js"></script> <script defer src="svgxuse.js"></script>
</body> </body>


+ 126
- 0
assets/iconmoon/selection.json View File

@ -190,6 +190,82 @@
"setId": 1, "setId": 1,
"iconIdx": 0 "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": { "icon": {
"paths": [ "paths": [
@ -242,6 +318,56 @@
"setIdx": 1, "setIdx": 1,
"setId": 0, "setId": 0,
"iconIdx": 325 "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, "height": 1024,


+ 20
- 0
assets/iconmoon/symbol-defs.svg View File

@ -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.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> <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>
<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"> <symbol id="icon-checked" viewBox="0 0 32 32">
<title>checked</title> <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> <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> <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> <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>
<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> </defs>
</svg> </svg>

+ 1
- 1
dist/crispy.css
File diff suppressed because it is too large
View File


+ 1
- 0
dist/crispy_minimal.css
File diff suppressed because it is too large
View File


+ 88
- 39
dist/example/index.html View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge"> <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="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
@ -25,6 +25,9 @@
Crispy 2.0 Crispy 2.0
</h1> </h1>
</a> </a>
<h2 class="h6">
Lightweight CSS / SASS Framework
</h2>
</hgroup> </hgroup>
</div> </div>
</div> </div>
@ -32,49 +35,95 @@
</div> </div>
</header> </header>
<div class="container"> <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> "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 <pre class="code"><code>@import
"config",
"variables",
"crispy";</code></pre> "crispy";</code></pre>
<h3>Example</h3>
<h2 class="h3">Example</h2>
<p> <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> </p>
<h4>Site</h4> <h4>Site</h4>
<p> <p>


+ 1
- 1
dist/example/styles.css
File diff suppressed because it is too large
View File


+ 20
- 0
dist/example/symbol-defs.svg View File

@ -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.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> <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>
<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"> <symbol id="icon-checked" viewBox="0 0 32 32">
<title>checked</title> <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> <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> <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> <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>
<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> </defs>
</svg> </svg>

+ 1
- 0
mix-manifest.json View File

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

+ 8
- 7
src/_variables.scss View File

@ -33,10 +33,10 @@ $crispy__color-danger: #d9534f !default;
$crispy__color-info: #0090d4 !default; $crispy__color-info: #0090d4 !default;
$crispy__color-text: #363636 !default; $crispy__color-text: #363636 !default;
$crispy__color-border: #d0d0d0 !default;
$crispy__color-border: #dfdfdf !default;
$crispy__color-background: #ffffff !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: $crispy__color-primary !default;
$crispy__color-link-hover: $crispy__color-secondary !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; $crispy__color-link-active: $crispy__color-primary !default;
// borders // borders
$crispy__border-radius: 0 !default;
$crispy__border-radius: 0.5em !default;
$crispy__border: 1px solid $crispy__color-border !default; $crispy__border: 1px solid $crispy__color-border !default;
// breakpoints // breakpoints
@ -68,10 +68,11 @@ $crispy__colors: (
// font-sizes as map // font-sizes as map
$crispy__font-sizes: ( $crispy__font-sizes: (
'default': $crispy__font-size, '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; ) !default;
// z-index // z-index


+ 1
- 5
src/all.scss View File

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

+ 7
- 0
src/components/_icon.scss View File

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

+ 1
- 1
src/components/_panel.scss View File

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


+ 5
- 0
src/minimal.scss View File

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

+ 7
- 0
webpack.mix.js View File

@ -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', { .sass('src/example/styles.scss', 'dist/example/styles.css', {
sassOptions: { sassOptions: {
includePaths: [ includePaths: [


Write Preview
Loading…
Cancel
Save