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
458515200d
commit
c2d5d74dc1
12 changed files with 320 additions and 39 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      assets/iconmoon/PNG/logo.png
  2. +1
    -1
      assets/iconmoon/Read Me.txt
  3. +20
    -0
      assets/iconmoon/SVG/logo.svg
  4. +10
    -2
      assets/iconmoon/demo-external-svg.html
  5. +3
    -0
      assets/iconmoon/demo-files/demo.css
  6. +29
    -2
      assets/iconmoon/demo.html
  7. +191
    -2
      assets/iconmoon/selection.json
  8. +19
    -0
      assets/iconmoon/symbol-defs.svg
  9. +8
    -31
      dist/example/index.html
  10. +1
    -1
      dist/example/styles.css
  11. +19
    -0
      dist/example/symbol-defs.svg
  12. +19
    -0
      src/example/styles.scss

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

Before After
Width: 32  |  Height: 32  |  Size: 1.1 KiB

+ 1
- 1
assets/iconmoon/Read Me.txt View File

@ -4,7 +4,7 @@ If you prefer using PNGs, PDFs, or CSS sprites, refer to the Preferences panel o
*demo.html* lists the icons that you selected. To insert your icons as inline SVGs (with the <use> element), copy the <svg> element (that contains symbol definitions) from the source of the demo.html file, below your own HTML's <body> tag. After copying this SVG, you can reference your glyphs like the following: *demo.html* lists the icons that you selected. To insert your icons as inline SVGs (with the <use> element), copy the <svg> element (that contains symbol definitions) from the source of the demo.html file, below your own HTML's <body> tag. After copying this SVG, you can reference your glyphs like the following:
<svg class="icon icon-checked"><use xlink:href="#icon-checked"></use></svg>
<svg class="icon icon-logo"><use xlink:href="#icon-logo"></use></svg>
You can get this code from the SVG tab of the IcoMoon app, or by referring to the source of the demo.html file. To see how you can change the color/size of your icons using CSS, refer to the example provided in the *style.css* file. You can get this code from the SVG tab of the IcoMoon app, or by referring to the source of the demo.html file. To see how you can change the color/size of your icons using CSS, refer to the example provided in the *style.css* file.


+ 20
- 0
assets/iconmoon/SVG/logo.svg View File

@ -0,0 +1,20 @@
<!-- 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>logo</title>
<path fill="#ce593f" d="M5.317 14.319h-0.004l0.524 2.551z"></path>
<path fill="#ce593f" d="M22.623 15.848c-1.216 1.528-3.761 2.763-6.623 2.763-3.282 0-6.712-3.049-6.532-2.763h-2.72l2.993 14.612h13.641l3.016-14.612h-3.775zM20.125 27.444c-1.111 0.778-2.576 1.207-4.125 1.207s-3.013-0.429-4.125-1.207c-1.189-0.833-1.844-1.965-1.844-3.188s0.655-2.355 1.844-3.188c1.111-0.778 2.576-1.207 4.125-1.207s3.013 0.429 4.125 1.207c1.189 0.833 1.844 1.965 1.844 3.188s-0.655 2.355-1.844 3.188z"></path>
<path fill="#fdd44b" d="M8.679 12.887h0.477c0.452 0 0.846 0.325 0.846 0.722 0 0.458 0.014 0.909 0.587 1.323v-9.207h-1.91v7.163z"></path>
<path fill="#fdd44b" d="M20.043 1.436v1.232h-1.719v14.139c0.764-0.171 1.242-0.406 1.719-0.69v-14.681z"></path>
<path fill="#fdd44b" d="M23.195 4.597v1.319h-1.91v9.017c0.191-0.414 0.532-0.865 0.532-1.323 0-0.397 0.344-0.722 0.783-0.722h0.595v-8.29z"></path>
<path fill="#fdd44b" d="M16.987 6.199v1.435h-2.197v-1.435 10.87c0.287 0.028 0.747 0.042 1.098 0.042s0.907-0.015 1.098-0.042v-10.87z"></path>
<path fill="#fdd44b" d="M13.836 2.862v1.334h-1.91v11.921c0.764 0.284 1.433 0.519 1.91 0.69v-13.945z"></path>
<path fill="#ce593f" d="M24.612 8.826v4.069h2.312c0.055-0.815 0.034-2.286-0.697-3.223-0.38-0.486-0.909-0.764-1.615-0.847z"></path>
<path fill="#3f2d20" d="M27.362 8.794c-0.652-0.838-1.578-1.312-2.75-1.41v-3.504c0-0.397-0.321-0.718-0.718-0.718h-2.44v-2.443c0-0.397-0.321-0.718-0.718-0.718h-3.158c-0.397 0-0.718 0.321-0.718 0.718v4.045h-1.722v-2.619c0-0.397-0.321-0.718-0.718-0.718h-3.158c-0.396 0-0.718 0.321-0.718 0.718v0.815h-2.44c-0.396 0-0.718 0.321-0.718 0.718v3.705c-1.173 0.099-2.098 0.572-2.75 1.41-1.441 1.852-0.933 4.82-0.911 4.945 0.001 0.003 3.601 17.687 3.601 17.687 0.068 0.334 0.362 0.575 0.703 0.575h15.937c0.341 0 0.635-0.24 0.703-0.575 0 0 3.601-17.683 3.601-17.687 0.022-0.125 0.53-3.093-0.911-4.945zM8.618 30.564l-3.305-16.233h3.388c0.538 2.349 3.662 4.216 7.3 4.216s6.762-1.868 7.3-4.216h3.388l-3.306 16.233h-14.765zM7.388 8.826v4.069h-2.315c-0.060-0.901 0.010-2.335 0.698-3.219 0.38-0.488 0.91-0.767 1.617-0.85zM8.824 4.396h1.722v10.536c-0.314-0.414-0.491-0.861-0.491-1.319 0-0.397-0.321-0.718-0.718-0.718h-0.513v-8.499zM23.176 12.895h-0.513c-0.397 0-0.718 0.321-0.718 0.718 0 0.458-0.177 0.905-0.491 1.319v-10.335h1.722v8.298zM18.297 1.436h1.722v14.681c-0.507 0.283-1.090 0.519-1.722 0.69v-15.371zM16.861 17.069c-0.283 0.028-0.571 0.042-0.861 0.042s-0.578-0.015-0.861-0.042v-10.87h1.722v10.87zM11.981 2.862h1.722v13.945c-0.631-0.171-1.215-0.406-1.722-0.69v-13.255zM26.924 12.895h-2.312v-4.069c0.705 0.083 1.235 0.361 1.615 0.847 0.731 0.936 0.753 2.408 0.697 3.223z"></path>
<path fill="#3f2d20" d="M20.125 21.068c-1.111-0.778-2.576-1.207-4.125-1.207s-3.013 0.429-4.125 1.207c-1.189 0.833-1.844 1.965-1.844 3.188s0.655 2.355 1.844 3.188c1.111 0.778 2.576 1.207 4.125 1.207s3.013-0.429 4.125-1.207c1.189-0.833 1.844-1.965 1.844-3.188s-0.655-2.355-1.844-3.188zM16 27.214c-2.457 0-4.533-1.355-4.533-2.959s2.076-2.959 4.533-2.959c2.457 0 4.533 1.355 4.533 2.959s-2.076 2.959-4.533 2.959z"></path>
<path fill="#ce593f" d="M23.3 14.331h-0v0z"></path>
<path fill="#ce593f" d="M5.292 10.633c-0.218 0.701-0.255 1.485-0.229 2.088-0.026-0.602 0.010-1.386 0.229-2.088z"></path>
<path fill="#ce593f" d="M7.437 8.826v1.431c-1.242 0.287-1.115 2.153-1.2 2.63h1.2v-4.061z"></path>
<path fill="#ef8829" d="M16.413 21.311c0.061 0.004 0.121 0.010 0.181 0.016-0.060-0.006-0.12-0.012-0.181-0.016z"></path>
<path fill="#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" 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>
</svg>

+ 10
- 2
assets/iconmoon/demo-external-svg.html View File

@ -14,13 +14,21 @@
</div> </div>
</header> </header>
<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: 0</h1>
<div class="glyph fs1"> <div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon icon-logo"><use xlink:href="symbol-defs.svg#icon-logo"></use></svg><span class="name"> icon-logo</span>
</div>
</div>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 32</h1>
<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>
</div> </div>
</div> </div>
<div class="glyph fs1">
<div class="glyph fs2">
<div class="clearfix pbs"> <div class="clearfix pbs">
<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>


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

@ -141,6 +141,9 @@ p {
.fs1 { .fs1 {
font-size: 32px; font-size: 32px;
} }
.fs2 {
font-size: 32px;
}
.name { .name {
margin-left: .25em; margin-left: .25em;
} }


+ 29
- 2
assets/iconmoon/demo.html View File

@ -10,6 +10,25 @@
<body> <body>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs> <defs>
<symbol id="icon-logo" viewBox="0 0 32 32">
<title>logo</title>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M5.317 14.319h-0.004l0.524 2.551z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M22.623 15.848c-1.216 1.528-3.761 2.763-6.623 2.763-3.282 0-6.712-3.049-6.532-2.763h-2.72l2.993 14.612h13.641l3.016-14.612h-3.775zM20.125 27.444c-1.111 0.778-2.576 1.207-4.125 1.207s-3.013-0.429-4.125-1.207c-1.189-0.833-1.844-1.965-1.844-3.188s0.655-2.355 1.844-3.188c1.111-0.778 2.576-1.207 4.125-1.207s3.013 0.429 4.125 1.207c1.189 0.833 1.844 1.965 1.844 3.188s-0.655 2.355-1.844 3.188z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M8.679 12.887h0.477c0.452 0 0.846 0.325 0.846 0.722 0 0.458 0.014 0.909 0.587 1.323v-9.207h-1.91v7.163z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M20.043 1.436v1.232h-1.719v14.139c0.764-0.171 1.242-0.406 1.719-0.69v-14.681z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M23.195 4.597v1.319h-1.91v9.017c0.191-0.414 0.532-0.865 0.532-1.323 0-0.397 0.344-0.722 0.783-0.722h0.595v-8.29z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M16.987 6.199v1.435h-2.197v-1.435 10.87c0.287 0.028 0.747 0.042 1.098 0.042s0.907-0.015 1.098-0.042v-10.87z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M13.836 2.862v1.334h-1.91v11.921c0.764 0.284 1.433 0.519 1.91 0.69v-13.945z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M24.612 8.826v4.069h2.312c0.055-0.815 0.034-2.286-0.697-3.223-0.38-0.486-0.909-0.764-1.615-0.847z"></path>
<path fill="#3f2d20" style="fill: var(--color3, #3f2d20)" d="M27.362 8.794c-0.652-0.838-1.578-1.312-2.75-1.41v-3.504c0-0.397-0.321-0.718-0.718-0.718h-2.44v-2.443c0-0.397-0.321-0.718-0.718-0.718h-3.158c-0.397 0-0.718 0.321-0.718 0.718v4.045h-1.722v-2.619c0-0.397-0.321-0.718-0.718-0.718h-3.158c-0.396 0-0.718 0.321-0.718 0.718v0.815h-2.44c-0.396 0-0.718 0.321-0.718 0.718v3.705c-1.173 0.099-2.098 0.572-2.75 1.41-1.441 1.852-0.933 4.82-0.911 4.945 0.001 0.003 3.601 17.687 3.601 17.687 0.068 0.334 0.362 0.575 0.703 0.575h15.937c0.341 0 0.635-0.24 0.703-0.575 0 0 3.601-17.683 3.601-17.687 0.022-0.125 0.53-3.093-0.911-4.945zM8.618 30.564l-3.305-16.233h3.388c0.538 2.349 3.662 4.216 7.3 4.216s6.762-1.868 7.3-4.216h3.388l-3.306 16.233h-14.765zM7.388 8.826v4.069h-2.315c-0.060-0.901 0.010-2.335 0.698-3.219 0.38-0.488 0.91-0.767 1.617-0.85zM8.824 4.396h1.722v10.536c-0.314-0.414-0.491-0.861-0.491-1.319 0-0.397-0.321-0.718-0.718-0.718h-0.513v-8.499zM23.176 12.895h-0.513c-0.397 0-0.718 0.321-0.718 0.718 0 0.458-0.177 0.905-0.491 1.319v-10.335h1.722v8.298zM18.297 1.436h1.722v14.681c-0.507 0.283-1.090 0.519-1.722 0.69v-15.371zM16.861 17.069c-0.283 0.028-0.571 0.042-0.861 0.042s-0.578-0.015-0.861-0.042v-10.87h1.722v10.87zM11.981 2.862h1.722v13.945c-0.631-0.171-1.215-0.406-1.722-0.69v-13.255zM26.924 12.895h-2.312v-4.069c0.705 0.083 1.235 0.361 1.615 0.847 0.731 0.936 0.753 2.408 0.697 3.223z"></path>
<path fill="#3f2d20" style="fill: var(--color3, #3f2d20)" d="M20.125 21.068c-1.111-0.778-2.576-1.207-4.125-1.207s-3.013 0.429-4.125 1.207c-1.189 0.833-1.844 1.965-1.844 3.188s0.655 2.355 1.844 3.188c1.111 0.778 2.576 1.207 4.125 1.207s3.013-0.429 4.125-1.207c1.189-0.833 1.844-1.965 1.844-3.188s-0.655-2.355-1.844-3.188zM16 27.214c-2.457 0-4.533-1.355-4.533-2.959s2.076-2.959 4.533-2.959c2.457 0 4.533 1.355 4.533 2.959s-2.076 2.959-4.533 2.959z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M23.3 14.331h-0v0z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M5.292 10.633c-0.218 0.701-0.255 1.485-0.229 2.088-0.026-0.602 0.010-1.386 0.229-2.088z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M7.437 8.826v1.431c-1.242 0.287-1.115 2.153-1.2 2.63h1.2v-4.061z"></path>
<path fill="#ef8829" style="fill: var(--color4, #ef8829)" d="M16.413 21.311c0.061 0.004 0.121 0.010 0.181 0.016-0.060-0.006-0.12-0.012-0.181-0.016z"></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>
</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,13 +46,21 @@
</div> </div>
</header> </header>
<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: 0</h1>
<div class="glyph fs1"> <div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon icon-logo"><use xlink:href="#icon-logo"></use></svg><span class="name"> icon-logo</span>
</div>
</div>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 32</h1>
<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>
</div> </div>
</div> </div>
<div class="glyph fs1">
<div class="glyph fs2">
<div class="clearfix pbs"> <div class="clearfix pbs">
<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>


+ 191
- 2
assets/iconmoon/selection.json View File

@ -1,6 +1,195 @@
{ {
"IcoMoonType": "selection", "IcoMoonType": "selection",
"icons": [ "icons": [
{
"icon": {
"paths": [
"M170.131 458.224h-0.138l16.756 81.621z",
"M723.952 507.121c-38.922 48.897-120.336 88.415-211.951 88.415-105.019 0-214.771-97.583-209.035-88.415h-87.028l95.789 467.579h436.501l96.517-467.579h-120.794zM643.996 878.192c-35.563 24.898-82.444 38.61-131.995 38.61-49.554 0-96.431-13.713-131.995-38.61-38.054-26.643-59.013-62.869-59.013-102.009s20.959-75.366 59.013-102.009c35.563-24.898 82.444-38.61 131.995-38.61s96.431 13.713 131.995 38.61c38.057 26.643 59.013 62.869 59.013 102.009s-20.955 75.366-59.013 102.009z",
"M277.714 412.383h15.265c14.47 0 27.065 10.412 27.065 23.101 0 14.645 0.455 29.091 18.792 42.333v-294.639h-61.121v229.205z",
"M641.386 45.945v39.439h-55.009v452.439c24.449-5.458 39.729-13.004 55.009-22.074v-469.803z",
"M742.237 147.098v42.192h-61.121v288.53c6.112-13.239 17.031-27.691 17.031-42.336 0-12.689 11.008-23.101 25.057-23.101h19.033v-265.285h-0z",
"M543.592 198.369v45.93h-70.29v-45.93 347.842c9.168 0.889 23.917 1.357 35.145 1.357 11.225 0 29.033-0.468 35.145-1.357v-347.842z",
"M442.742 91.596v42.684h-61.121v381.465c24.449 9.077 45.841 16.619 61.121 22.077v-446.226z",
"M787.586 282.417v130.222h73.981c1.776-26.068 1.085-73.159-22.312-103.121-12.151-15.558-29.094-24.449-51.669-27.101z",
"M875.591 281.4c-20.864-26.814-50.48-41.972-88.006-45.132v-112.142c0-12.689-10.287-22.972-22.972-22.972h-78.073v-78.18c0-12.689-10.287-22.972-22.972-22.972h-101.046c-12.689 0-22.972 10.284-22.972 22.972v129.452h-55.098v-83.8c0-12.689-10.287-22.972-22.972-22.972h-101.046c-12.686 0-22.972 10.284-22.972 22.972v26.093h-78.070c-12.686 0-22.972 10.284-22.972 22.972v118.575c-37.525 3.16-67.139 18.318-88.006 45.132-46.122 59.269-29.87 154.225-29.155 158.24 0.018 0.101 115.235 565.972 115.235 565.972 2.179 10.702 11.589 18.391 22.511 18.391h509.997c10.922 0 20.332-7.689 22.511-18.391 0 0 115.217-565.871 115.235-565.972 0.712-4.013 16.967-98.971-29.155-158.237zM275.767 978.055l-105.774-519.471h108.417c17.221 75.167 117.197 134.928 233.591 134.928 116.39 0 216.37-59.761 233.588-134.928h108.42l-105.777 519.471h-472.465zM236.417 282.417v130.222h-74.094c-1.928-28.837 0.324-74.721 22.349-103.023 12.154-15.62 29.127-24.54 51.745-27.199zM282.362 140.662h55.095v337.155c-10.054-13.242-15.72-27.56-15.72-42.204 0-12.689-10.287-22.972-22.972-22.972h-16.405v-271.978zM741.638 412.64h-16.405c-12.689 0-22.972 10.284-22.972 22.972 0 14.645-5.669 28.968-15.723 42.207v-330.722h55.098v265.542zM585.497 45.945h55.098v469.803c-16.231 9.070-34.894 16.616-55.098 22.074v-491.877zM539.549 546.214c-9.064 0.889-18.266 1.357-27.547 1.357-9.284 0-18.486-0.468-27.55-1.357v-347.845h55.098v347.845zM383.405 91.596h55.101v446.226c-20.204-5.458-38.87-13.004-55.101-22.077v-424.149zM861.567 412.64h-73.981v-130.222c22.575 2.65 39.521 11.54 51.672 27.101 23.397 29.962 24.085 77.053 22.309 103.121z",
"M643.996 674.178c-35.563-24.898-82.441-38.61-131.995-38.61s-96.431 13.713-131.995 38.61c-38.057 26.643-59.016 62.869-59.016 102.009 0 39.136 20.959 75.366 59.016 102.009 35.563 24.898 82.441 38.61 131.995 38.61 49.551 0 96.431-13.713 131.995-38.61 38.057-26.643 59.016-62.869 59.016-102.009-0.003-39.139-20.959-75.366-59.016-102.009zM512.002 870.857c-78.636 0-145.065-43.356-145.065-94.674s66.43-94.674 145.065-94.674c78.633 0 145.062 43.356 145.062 94.674s-66.43 94.674-145.062 94.674z",
"M745.592 458.585h-0.003v0.012z",
"M169.34 340.244c-6.992 22.444-8.166 47.528-7.325 66.8-0.84-19.275 0.333-44.359 7.325-66.8z",
"M237.985 282.417v45.795c-39.729 9.19-35.689 68.89-38.415 84.17h38.415v-129.965h0z",
"M525.228 681.965c1.95 0.125 3.866 0.327 5.797 0.504-1.931-0.177-3.845-0.382-5.797-0.504z",
"M535.747 682.952c-67.496 7.83-120.663 47.329-120.663 93.231s53.166 85.402 120.66 93.231c67.793-7.659 121.32-47.186 121.32-93.231-0-46.043-53.527-85.573-121.317-93.231z",
"M531.007 869.904c-1.922 0.174-3.835 0.376-5.779 0.501 1.947-0.122 3.854-0.327 5.779-0.501z"
],
"attrs": [
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(253, 212, 75)"
},
{
"fill": "rgb(253, 212, 75)"
},
{
"fill": "rgb(253, 212, 75)"
},
{
"fill": "rgb(253, 212, 75)"
},
{
"fill": "rgb(253, 212, 75)"
},
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(63, 45, 32)"
},
{
"fill": "rgb(63, 45, 32)"
},
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(239, 136, 41)"
},
{
"fill": "rgb(239, 136, 41)"
},
{
"fill": "rgb(239, 136, 41)"
}
],
"isMulticolor": true,
"isMulticolor2": false,
"grid": 0,
"tags": [
"french-fries-svgrepo-com"
],
"colorPermutations": {
"206896312391364112532127516345321": [
{
"f": 1
},
{
"f": 1
},
{
"f": 3
},
{
"f": 3
},
{
"f": 3
},
{
"f": 3
},
{
"f": 3
},
{
"f": 1
},
{
"f": 0
},
{
"f": 0
},
{
"f": 1
},
{
"f": 1
},
{
"f": 1
},
{
"f": 2
},
{
"f": 2
},
{
"f": 2
}
]
}
},
"attrs": [
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(253, 212, 75)"
},
{
"fill": "rgb(253, 212, 75)"
},
{
"fill": "rgb(253, 212, 75)"
},
{
"fill": "rgb(253, 212, 75)"
},
{
"fill": "rgb(253, 212, 75)"
},
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(63, 45, 32)"
},
{
"fill": "rgb(63, 45, 32)"
},
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(206, 89, 63)"
},
{
"fill": "rgb(239, 136, 41)"
},
{
"fill": "rgb(239, 136, 41)"
},
{
"fill": "rgb(239, 136, 41)"
}
],
"properties": {
"order": 6,
"id": 0,
"name": "logo",
"prevSize": 32
},
"setIdx": 0,
"setId": 1,
"iconIdx": 0
},
{ {
"icon": { "icon": {
"paths": [ "paths": [
@ -24,7 +213,7 @@
"prevSize": 32, "prevSize": 32,
"name": "checked" "name": "checked"
}, },
"setIdx": 0,
"setIdx": 1,
"setId": 0, "setId": 0,
"iconIdx": 322 "iconIdx": 322
}, },
@ -50,7 +239,7 @@
"prevSize": 32, "prevSize": 32,
"name": "minus" "name": "minus"
}, },
"setIdx": 0,
"setIdx": 1,
"setId": 0, "setId": 0,
"iconIdx": 325 "iconIdx": 325
} }


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

@ -1,5 +1,24 @@
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs> <defs>
<symbol id="icon-logo" viewBox="0 0 32 32">
<title>logo</title>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M5.317 14.319h-0.004l0.524 2.551z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M22.623 15.848c-1.216 1.528-3.761 2.763-6.623 2.763-3.282 0-6.712-3.049-6.532-2.763h-2.72l2.993 14.612h13.641l3.016-14.612h-3.775zM20.125 27.444c-1.111 0.778-2.576 1.207-4.125 1.207s-3.013-0.429-4.125-1.207c-1.189-0.833-1.844-1.965-1.844-3.188s0.655-2.355 1.844-3.188c1.111-0.778 2.576-1.207 4.125-1.207s3.013 0.429 4.125 1.207c1.189 0.833 1.844 1.965 1.844 3.188s-0.655 2.355-1.844 3.188z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M8.679 12.887h0.477c0.452 0 0.846 0.325 0.846 0.722 0 0.458 0.014 0.909 0.587 1.323v-9.207h-1.91v7.163z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M20.043 1.436v1.232h-1.719v14.139c0.764-0.171 1.242-0.406 1.719-0.69v-14.681z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M23.195 4.597v1.319h-1.91v9.017c0.191-0.414 0.532-0.865 0.532-1.323 0-0.397 0.344-0.722 0.783-0.722h0.595v-8.29z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M16.987 6.199v1.435h-2.197v-1.435 10.87c0.287 0.028 0.747 0.042 1.098 0.042s0.907-0.015 1.098-0.042v-10.87z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M13.836 2.862v1.334h-1.91v11.921c0.764 0.284 1.433 0.519 1.91 0.69v-13.945z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M24.612 8.826v4.069h2.312c0.055-0.815 0.034-2.286-0.697-3.223-0.38-0.486-0.909-0.764-1.615-0.847z"></path>
<path fill="#3f2d20" style="fill: var(--color3, #3f2d20)" d="M27.362 8.794c-0.652-0.838-1.578-1.312-2.75-1.41v-3.504c0-0.397-0.321-0.718-0.718-0.718h-2.44v-2.443c0-0.397-0.321-0.718-0.718-0.718h-3.158c-0.397 0-0.718 0.321-0.718 0.718v4.045h-1.722v-2.619c0-0.397-0.321-0.718-0.718-0.718h-3.158c-0.396 0-0.718 0.321-0.718 0.718v0.815h-2.44c-0.396 0-0.718 0.321-0.718 0.718v3.705c-1.173 0.099-2.098 0.572-2.75 1.41-1.441 1.852-0.933 4.82-0.911 4.945 0.001 0.003 3.601 17.687 3.601 17.687 0.068 0.334 0.362 0.575 0.703 0.575h15.937c0.341 0 0.635-0.24 0.703-0.575 0 0 3.601-17.683 3.601-17.687 0.022-0.125 0.53-3.093-0.911-4.945zM8.618 30.564l-3.305-16.233h3.388c0.538 2.349 3.662 4.216 7.3 4.216s6.762-1.868 7.3-4.216h3.388l-3.306 16.233h-14.765zM7.388 8.826v4.069h-2.315c-0.060-0.901 0.010-2.335 0.698-3.219 0.38-0.488 0.91-0.767 1.617-0.85zM8.824 4.396h1.722v10.536c-0.314-0.414-0.491-0.861-0.491-1.319 0-0.397-0.321-0.718-0.718-0.718h-0.513v-8.499zM23.176 12.895h-0.513c-0.397 0-0.718 0.321-0.718 0.718 0 0.458-0.177 0.905-0.491 1.319v-10.335h1.722v8.298zM18.297 1.436h1.722v14.681c-0.507 0.283-1.090 0.519-1.722 0.69v-15.371zM16.861 17.069c-0.283 0.028-0.571 0.042-0.861 0.042s-0.578-0.015-0.861-0.042v-10.87h1.722v10.87zM11.981 2.862h1.722v13.945c-0.631-0.171-1.215-0.406-1.722-0.69v-13.255zM26.924 12.895h-2.312v-4.069c0.705 0.083 1.235 0.361 1.615 0.847 0.731 0.936 0.753 2.408 0.697 3.223z"></path>
<path fill="#3f2d20" style="fill: var(--color3, #3f2d20)" d="M20.125 21.068c-1.111-0.778-2.576-1.207-4.125-1.207s-3.013 0.429-4.125 1.207c-1.189 0.833-1.844 1.965-1.844 3.188s0.655 2.355 1.844 3.188c1.111 0.778 2.576 1.207 4.125 1.207s3.013-0.429 4.125-1.207c1.189-0.833 1.844-1.965 1.844-3.188s-0.655-2.355-1.844-3.188zM16 27.214c-2.457 0-4.533-1.355-4.533-2.959s2.076-2.959 4.533-2.959c2.457 0 4.533 1.355 4.533 2.959s-2.076 2.959-4.533 2.959z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M23.3 14.331h-0v0z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M5.292 10.633c-0.218 0.701-0.255 1.485-0.229 2.088-0.026-0.602 0.010-1.386 0.229-2.088z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M7.437 8.826v1.431c-1.242 0.287-1.115 2.153-1.2 2.63h1.2v-4.061z"></path>
<path fill="#ef8829" style="fill: var(--color4, #ef8829)" d="M16.413 21.311c0.061 0.004 0.121 0.010 0.181 0.016-0.060-0.006-0.12-0.012-0.181-0.016z"></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>
</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>


+ 8
- 31
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 CSS-Framework</title>
<title>Crispy | a minimal 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">
@ -18,44 +18,21 @@
<div class="text-center"> <div class="text-center">
<hgroup> <hgroup>
<a href="/"> <a href="/">
<!--<svg class="icon header__logo" alt="Crisp" viewBox="0 0 100 100">
<use xlink:href="/svg/icons.svg#chip" />
</svg>-->
<div class="header__title h1">
Crispy Boilerplate<br />
<span class="text-small header__small">0.9.9</span>
</div>
<h1 class="h3 margin-top-4 margin-bottom-2">
<svg class="icon header__logo" alt="Crisp">
<use xlink:href="symbol-defs.svg#icon-logo" />
</svg>
Crispy 2.0
</h1>
</a> </a>
<div class="header__subtitle h5">
Less is More
</div>
</hgroup> </hgroup>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</header> </header>
<a class="button button--up" href="#header">
<!--<svg class="icon" alt="up" viewBox="0 0 100 100">
<use xlink:href="/svg/icons.svg#triangle-up" />
</svg>-->
</a>
<div class="container"> <div class="container">
<div class="grid">
<div class="col-12 col-sm-3">
<nav class="nav">
<ul class="group margin-top-0">
<li><a href="#getting-started">Getting Started</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#components">Components</a></li>
<li><a href="#functions">Functions</a></li>
<li><a href="#helpers">Helpers</a></li>
<li><a href="#mixins">Mixins</a></li>
<li><a href="#reflex-grid">Reflex Grid</a></li>
</ul>
</nav>
</div>
<div class="col-12 col-sm-9">
<div class="col-12">
<p> <p>
Flat Sass Boilerplate gives you an amount of basic settings, components, helpers, mixins and functions. Flat Sass Boilerplate gives you an amount of basic settings, components, helpers, mixins and functions.
</p> </p>


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


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

@ -1,5 +1,24 @@
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs> <defs>
<symbol id="icon-logo" viewBox="0 0 32 32">
<title>logo</title>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M5.317 14.319h-0.004l0.524 2.551z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M22.623 15.848c-1.216 1.528-3.761 2.763-6.623 2.763-3.282 0-6.712-3.049-6.532-2.763h-2.72l2.993 14.612h13.641l3.016-14.612h-3.775zM20.125 27.444c-1.111 0.778-2.576 1.207-4.125 1.207s-3.013-0.429-4.125-1.207c-1.189-0.833-1.844-1.965-1.844-3.188s0.655-2.355 1.844-3.188c1.111-0.778 2.576-1.207 4.125-1.207s3.013 0.429 4.125 1.207c1.189 0.833 1.844 1.965 1.844 3.188s-0.655 2.355-1.844 3.188z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M8.679 12.887h0.477c0.452 0 0.846 0.325 0.846 0.722 0 0.458 0.014 0.909 0.587 1.323v-9.207h-1.91v7.163z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M20.043 1.436v1.232h-1.719v14.139c0.764-0.171 1.242-0.406 1.719-0.69v-14.681z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M23.195 4.597v1.319h-1.91v9.017c0.191-0.414 0.532-0.865 0.532-1.323 0-0.397 0.344-0.722 0.783-0.722h0.595v-8.29z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M16.987 6.199v1.435h-2.197v-1.435 10.87c0.287 0.028 0.747 0.042 1.098 0.042s0.907-0.015 1.098-0.042v-10.87z"></path>
<path fill="#fdd44b" style="fill: var(--color2, #fdd44b)" d="M13.836 2.862v1.334h-1.91v11.921c0.764 0.284 1.433 0.519 1.91 0.69v-13.945z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M24.612 8.826v4.069h2.312c0.055-0.815 0.034-2.286-0.697-3.223-0.38-0.486-0.909-0.764-1.615-0.847z"></path>
<path fill="#3f2d20" style="fill: var(--color3, #3f2d20)" d="M27.362 8.794c-0.652-0.838-1.578-1.312-2.75-1.41v-3.504c0-0.397-0.321-0.718-0.718-0.718h-2.44v-2.443c0-0.397-0.321-0.718-0.718-0.718h-3.158c-0.397 0-0.718 0.321-0.718 0.718v4.045h-1.722v-2.619c0-0.397-0.321-0.718-0.718-0.718h-3.158c-0.396 0-0.718 0.321-0.718 0.718v0.815h-2.44c-0.396 0-0.718 0.321-0.718 0.718v3.705c-1.173 0.099-2.098 0.572-2.75 1.41-1.441 1.852-0.933 4.82-0.911 4.945 0.001 0.003 3.601 17.687 3.601 17.687 0.068 0.334 0.362 0.575 0.703 0.575h15.937c0.341 0 0.635-0.24 0.703-0.575 0 0 3.601-17.683 3.601-17.687 0.022-0.125 0.53-3.093-0.911-4.945zM8.618 30.564l-3.305-16.233h3.388c0.538 2.349 3.662 4.216 7.3 4.216s6.762-1.868 7.3-4.216h3.388l-3.306 16.233h-14.765zM7.388 8.826v4.069h-2.315c-0.060-0.901 0.010-2.335 0.698-3.219 0.38-0.488 0.91-0.767 1.617-0.85zM8.824 4.396h1.722v10.536c-0.314-0.414-0.491-0.861-0.491-1.319 0-0.397-0.321-0.718-0.718-0.718h-0.513v-8.499zM23.176 12.895h-0.513c-0.397 0-0.718 0.321-0.718 0.718 0 0.458-0.177 0.905-0.491 1.319v-10.335h1.722v8.298zM18.297 1.436h1.722v14.681c-0.507 0.283-1.090 0.519-1.722 0.69v-15.371zM16.861 17.069c-0.283 0.028-0.571 0.042-0.861 0.042s-0.578-0.015-0.861-0.042v-10.87h1.722v10.87zM11.981 2.862h1.722v13.945c-0.631-0.171-1.215-0.406-1.722-0.69v-13.255zM26.924 12.895h-2.312v-4.069c0.705 0.083 1.235 0.361 1.615 0.847 0.731 0.936 0.753 2.408 0.697 3.223z"></path>
<path fill="#3f2d20" style="fill: var(--color3, #3f2d20)" d="M20.125 21.068c-1.111-0.778-2.576-1.207-4.125-1.207s-3.013 0.429-4.125 1.207c-1.189 0.833-1.844 1.965-1.844 3.188s0.655 2.355 1.844 3.188c1.111 0.778 2.576 1.207 4.125 1.207s3.013-0.429 4.125-1.207c1.189-0.833 1.844-1.965 1.844-3.188s-0.655-2.355-1.844-3.188zM16 27.214c-2.457 0-4.533-1.355-4.533-2.959s2.076-2.959 4.533-2.959c2.457 0 4.533 1.355 4.533 2.959s-2.076 2.959-4.533 2.959z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M23.3 14.331h-0v0z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M5.292 10.633c-0.218 0.701-0.255 1.485-0.229 2.088-0.026-0.602 0.010-1.386 0.229-2.088z"></path>
<path fill="#ce593f" style="fill: var(--color1, #ce593f)" d="M7.437 8.826v1.431c-1.242 0.287-1.115 2.153-1.2 2.63h1.2v-4.061z"></path>
<path fill="#ef8829" style="fill: var(--color4, #ef8829)" d="M16.413 21.311c0.061 0.004 0.121 0.010 0.181 0.016-0.060-0.006-0.12-0.012-0.181-0.016z"></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>
</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>


+ 19
- 0
src/example/styles.scss View File

@ -11,3 +11,22 @@
'components/nav', 'components/nav',
'templates/home'; 'templates/home';
.header {
&__logo {
vertical-align: top;
}
a {
text-decoration: none;
&:hover {
color: $crispy__color-primary;
}
}
}
.container {
max-width: $crispy__md;
}

Write Preview
Loading…
Cancel
Save