diff --git a/assets/iconmoon/demo.html b/assets/iconmoon/demo.html
index 43ee213..f1f7bca 100644
--- a/assets/iconmoon/demo.html
+++ b/assets/iconmoon/demo.html
@@ -29,14 +29,14 @@
paperplane
Grid Size: 32
- icon-chronometer
+ icon-transformers
- icon-transformers
+ icon-spaceinvaders
diff --git a/assets/iconmoon/selection.json b/assets/iconmoon/selection.json
index 37b4e79..131a06a 100644
--- a/assets/iconmoon/selection.json
+++ b/assets/iconmoon/selection.json
@@ -193,52 +193,51 @@
{
"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"
+ "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": [
- "chronometer",
- "timer",
- "clock"
+ "transformers"
],
"grid": 32
},
"attrs": [],
"properties": {
- "id": 89,
- "order": 10,
+ "id": 165,
+ "order": 11,
"prevSize": 32,
- "name": "chronometer"
+ "name": "transformers"
},
"setIdx": 1,
"setId": 0,
- "iconIdx": 88
+ "iconIdx": 164
},
{
"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"
+ "M958.816 799.424v-190.304h-93.12v191.008h-97.184v94.496h-225.536v-95.2h225.536l-0-95.104h-479.712v95.136l192.96 0.672v95.136h-193.632v-94.432h-97.152v-192.32h-93.152v190.304h-97.824v-288.128h95.84v-92.512h95.136v-97.824h97.824v-95.808h95.808v96.096l287.456 0.768-0-96.864h95.808v97.152h97.824v95.168h94.496l0 95.136h96.448v287.424h-97.824zM384.608 416.16h-95.808v95.84h95.808v-95.84zM767.872 416.16h-95.808v95.84h95.808v-95.84zM190.976 128.736h97.824v95.808h-97.824v-95.808zM865.696 128.736v95.808h-97.824l-0-95.808h97.824z"
],
+ "width": 1056,
"attrs": [],
"isMulticolor": false,
"isMulticolor2": false,
"tags": [
- "transformers"
+ "space invaders"
],
"grid": 32
},
"attrs": [],
"properties": {
- "id": 165,
- "order": 11,
+ "id": 167,
+ "order": 13,
"prevSize": 32,
- "name": "transformers"
+ "name": "spaceinvaders"
},
"setIdx": 1,
"setId": 0,
- "iconIdx": 164
+ "iconIdx": 166
},
{
"icon": {
@@ -393,8 +392,11 @@
"color": 0,
"bgColor": 16777215,
"name": "icomoon",
- "classSelector": ".icon"
+ "classSelector": ".icon",
+ "height": 32
},
- "historySize": 50
+ "historySize": 50,
+ "gridSize": 16,
+ "showGrid": false
}
}
\ No newline at end of file
diff --git a/assets/iconmoon/style.css b/assets/iconmoon/style.css
index 88d42fe..2d83959 100644
--- a/assets/iconmoon/style.css
+++ b/assets/iconmoon/style.css
@@ -14,3 +14,7 @@ Single-colored icons can be modified like so:
color: red;
}
========================================== */
+
+.icon-spaceinvaders {
+ width: 1.03125em;
+}
diff --git a/assets/iconmoon/symbol-defs.svg b/assets/iconmoon/symbol-defs.svg
index 8712c1f..5c6750b 100644
--- a/assets/iconmoon/symbol-defs.svg
+++ b/assets/iconmoon/symbol-defs.svg
@@ -19,14 +19,14 @@
-
-chronometer
-
transformers
+
+spaceinvaders
+
paperplane
@@ -50,13 +50,13 @@
-
+
Modifiziers, Mixins and Functions
- A small amount of Usefull Helpers to support your Work. That make it easer to create new Styles.
+ A small amount of Usefull modifiers to support your Work. That make it easer to create new Styles.
Modifiziers are helping to reduce code.
@@ -97,6 +97,7 @@
How it works
+ SCSS
@import
"crispy";Now include Mixins you need. Components and Modifiziers only works if you include them,
@@ -121,13 +122,24 @@
"variables",
"crispy";
+ If you need all, mixins will be included,
+ @import
+ "all";Only need Core and Modifiziers?
+ @import
+ "minimal";CSS
+ For using CSS you can use crispy.css for all Styles or crispy_mininmal.css without Components.
+
Example
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.
Site
- Contains header, footer, partials that are used on a site or webapp. Header and footer are not classical components, there often more complex and have a special brand.
+ Contains header, footer, partials that are used on a site or webapp. Header and Footer are not classical components, there often more complex and have a special brand.
Templates
@@ -306,11 +318,11 @@
) !default;
Heading h1
- Heading h1
- Heading h1
- Heading h1
- Heading h1
- Heading h1
+ Heading h2
+ Heading h3
+ Heading h4
+ Heading h5
+ Heading h6
@@ -324,6 +336,9 @@
Icon
+
+ To change Size you can use "text-size-*" that you find in the modifiers .
+
Html:
<svg class="icon text-size-small">
<use xlink:href="symbol-defs.svg#icon-minus"></use>
@@ -331,19 +346,33 @@
-
-
-
-
-
+
+
+
+ To change Color you can use "icon-color-*".
+
+ Html:
+ <svg class="icon text-size-small">
+ <use xlink:href="symbol-defs.svg#icon-minus"></use>
+</svg>