magic_stylez 0.0.0.13 → 0.0.0.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +2 -1
  3. data/lib/magic_stylez/engine.rb +3 -6
  4. data/lib/magic_stylez/version.rb +1 -1
  5. data/test/dummy/app/assets/javascripts/app.js.coffee +41 -18
  6. data/test/dummy/app/assets/javascripts/application.js +1 -0
  7. data/test/dummy/app/assets/javascripts/assets.js.coffee.erb +29 -0
  8. data/test/dummy/app/assets/javascripts/blank.js +14 -0
  9. data/test/dummy/app/assets/javascripts/views/app/start.jst.eco +13 -3
  10. data/test/dummy/app/assets/javascripts/views/effects/shadows.jst.eco +24 -24
  11. data/test/dummy/app/assets/javascripts/views/elements/buttons.jst.eco +131 -0
  12. data/test/dummy/app/assets/javascripts/views/elements/circle_diagram.jst.eco +67 -0
  13. data/test/dummy/app/assets/javascripts/views/elements/inputs.jst.eco +185 -0
  14. data/test/dummy/app/assets/javascripts/views/{elements → helper}/arrow_infos.jst.eco +5 -5
  15. data/test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco +33 -0
  16. data/test/dummy/app/assets/javascripts/views/helper/divider.jst.eco +82 -0
  17. data/test/dummy/app/assets/javascripts/views/helper/three_previews.jst.eco +46 -0
  18. data/test/dummy/app/assets/javascripts/views/icons/glyphicons.jst.eco +24 -0
  19. data/test/dummy/app/assets/javascripts/views/icons/icomoon.jst.eco +24 -0
  20. data/test/dummy/app/assets/javascripts/views/icons/magicons.jst.eco +25 -0
  21. data/test/dummy/app/assets/javascripts/views/icons/olicons.jst.eco +1774 -0
  22. data/test/dummy/app/assets/javascripts/views/templates/fixed_header.jst.eco +5 -0
  23. data/test/dummy/app/assets/javascripts/views/templates/responsive_slidebar.jst.eco +5 -0
  24. data/test/dummy/app/assets/stylesheets/application.css.scss +80 -31
  25. data/test/dummy/app/controllers/front_controller.rb +11 -0
  26. data/test/dummy/app/views/front/_aside.html.erb +27 -28
  27. data/test/dummy/app/views/front/start.html.erb +13 -3
  28. data/test/dummy/app/views/front/templates.html.erb +85 -0
  29. data/test/dummy/app/views/layouts/application.html.erb +0 -2
  30. data/test/dummy/app/views/layouts/blank.html.erb +17 -0
  31. data/test/dummy/app/views/templates/_lorem.html.erb +89 -0
  32. data/test/dummy/app/views/templates/fixed-header.html.erb +53 -0
  33. data/test/dummy/app/views/templates/responsive-slidebar.html.erb +55 -0
  34. data/test/dummy/config/application.rb +1 -0
  35. data/test/dummy/config/routes.rb +7 -0
  36. data/test/dummy/public/html/fixed-header.html.erb +158 -0
  37. data/test/dummy/public/html/index.html +173 -0
  38. data/test/dummy/public/html/responsive-slidebar.html.erb +160 -0
  39. data/vendor/assets/fonts/magic/icomoon.eot +0 -0
  40. data/vendor/assets/fonts/magic/icomoon.svg +461 -0
  41. data/vendor/assets/fonts/magic/icomoon.ttf +0 -0
  42. data/vendor/assets/fonts/magic/icomoon.woff +0 -0
  43. data/vendor/assets/images/magic/helper/blank_10.png +0 -0
  44. data/vendor/assets/images/magic/helper/white_10.png +0 -0
  45. data/vendor/assets/javascripts/magic/circle_diagram.js.coffee +146 -0
  46. data/vendor/assets/javascripts/magic/collapse.js.coffee +11 -0
  47. data/vendor/assets/javascripts/magic/helper.js.coffee +19 -0
  48. data/vendor/assets/javascripts/magic-min.js.coffee +22 -0
  49. data/vendor/assets/javascripts/magic-stylez.js.coffee +5 -0
  50. data/vendor/assets/stylesheets/magic/content/_box.scss +14 -5
  51. data/vendor/assets/stylesheets/magic/content/_buttons.scss +285 -0
  52. data/vendor/assets/stylesheets/magic/content/_forms.scss +2 -70
  53. data/vendor/assets/stylesheets/magic/content/_inputs.scss +149 -0
  54. data/vendor/assets/stylesheets/magic/content/_navbar.scss +59 -0
  55. data/vendor/assets/stylesheets/magic/corporate/_fonts.scss +1 -1
  56. data/vendor/assets/stylesheets/magic/corporate/_typo.scss +8 -1
  57. data/vendor/assets/stylesheets/magic/corporate/_variables.scss +1 -3
  58. data/vendor/assets/stylesheets/magic/effects/_noise.scss +36 -0
  59. data/vendor/assets/stylesheets/magic/effects/_shadows.scss +22 -22
  60. data/vendor/assets/stylesheets/magic/elements/_circle_diagram.scss +214 -0
  61. data/vendor/assets/stylesheets/magic/helper/_all.scss +5 -0
  62. data/vendor/assets/stylesheets/magic/helper/_arrow_hints.scss +28 -0
  63. data/vendor/assets/stylesheets/magic/helper/_crossed.scss +22 -0
  64. data/vendor/assets/stylesheets/magic/helper/_divider.scss +48 -0
  65. data/vendor/assets/stylesheets/magic/helper/_dots.scss +26 -0
  66. data/vendor/assets/stylesheets/magic/helper/_three_previews.scss +33 -0
  67. data/vendor/assets/stylesheets/magic/icons/icomoon.scss +1392 -0
  68. data/vendor/assets/stylesheets/magic/layout/_section.scss +18 -2
  69. data/vendor/assets/stylesheets/magic/lib/_animation.scss +0 -6
  70. data/vendor/assets/stylesheets/magic/lib/_helper.scss +92 -0
  71. data/vendor/assets/stylesheets/magic/{layout → xxx}/_body.scss +0 -0
  72. data/vendor/assets/stylesheets/magic/{content → xxx}/_header.scss +0 -0
  73. data/vendor/assets/stylesheets/magic-stylez.scss +18 -79
  74. metadata +103 -41
  75. data/test/dummy/app/assets/javascripts/views/elements/icons.jst.eco +0 -9004
  76. data/test/dummy/public/xindex.html +0 -136
  77. data/vendor/assets/stylesheets/magic/content/_helper.scss +0 -70
@@ -0,0 +1,214 @@
1
+ $circle_width: 190px;
2
+ $stripe_border: 2px;
3
+ $stripe_width: 8px;
4
+
5
+ $front_color: $white;
6
+ $stripe_color: $gray-light;
7
+
8
+
9
+ .circle-diagram,
10
+ .inner_half_one, .inner_half_two,
11
+ .outer_half_one, .outer_half_two,
12
+ .middle_full {
13
+ display: block; position: relative;
14
+ margin: 0; padding: 0;
15
+ }
16
+
17
+
18
+ .circle-diagram {
19
+ display: inline-block;
20
+ margin: 20px auto;
21
+ width: $circle_width; height: $circle_width;
22
+ // border: solid 1px $stripe_color;
23
+ border: none;
24
+ @include border-radius( #{$circle_width * 3} );
25
+ background: $front_color;
26
+
27
+ .inner_half_one, .inner_half_two,
28
+ .outer_half_one, .outer_half_two,
29
+ .middle_full {
30
+ display: block; position: absolute;
31
+ @include border-radius( #{$circle_width * 3} #{$circle_width * 3} 0 0 );
32
+ @include transform-origin(center bottom);
33
+ }
34
+ .inner_half_one, .inner_half_two {
35
+ top: 0; left: 0;
36
+ background: $front_color;
37
+ width: $circle_width; height: $circle_width / 2;
38
+ }
39
+ .inner_half_one { @include rotation(90); }
40
+ .inner_half_two { @include rotation(270); }
41
+
42
+ .outer_half_one, .outer_half_two {
43
+ top: $stripe_border; left: $stripe_border;
44
+ background: #09c;
45
+ width: $circle_width - $stripe_border * 2;
46
+ height: ($circle_width - $stripe_border * 2) / 2;
47
+ }
48
+ .outer_half_one {
49
+ @include rotation(90);
50
+ @include linear-gradient(to right, #0099cc, #006699);
51
+ }
52
+ .outer_half_two {
53
+ @include rotation(270);
54
+ @include linear-gradient(to right, #006699, #0099cc);
55
+ }
56
+
57
+ .middle_full {
58
+ $pos: $stripe_border + $stripe_width;
59
+ $width: $circle_width - ($stripe_border + $stripe_width) * 2;
60
+ top: $pos; left: $pos;
61
+ @include border-radius( #{$circle_width * 3} );
62
+ width: $width; height: $width;
63
+ line-height: $width;
64
+ text-align: center;
65
+ font-size: $width / 4;
66
+ font-weight: bold;
67
+ text-shadow: 0 1px 2px #000;
68
+ color: #999;
69
+ background: $front_color;
70
+ z-index: 10;
71
+ }
72
+
73
+ &.dark {
74
+ border:none;
75
+ background: $stripe_color;
76
+ &:after, .middle_full:after {
77
+ display: block; position: absolute; content: "";
78
+ top: 0; right: 0; bottom: 0; left: 0;
79
+ @include border-radius( $circle_width * 3 );
80
+ z-index: 10;
81
+ }
82
+ &:after { @include box-shadow( inset 0 1px 1px 0 rgba(0,0,0,.42), 0 1px 1px 0 rgba(255,255,255,.70) ); }
83
+ .inner_half_one, .inner_half_two { background: $stripe_color; }
84
+ .middle_full {
85
+ $width: $circle_width - ($stripe_border + $stripe_border + $stripe_width) * 2;
86
+ border: solid $stripe_border $stripe_color;
87
+ width: $width; height: $width;
88
+ line-height: $width;
89
+ &:after { @include box-shadow( inset 0 1px 1px 0 rgba(255,255,255,.70), 0 1px 2px 0 rgba(0,0,0,.42) ); }
90
+ }
91
+ }
92
+
93
+
94
+ // more than 50%
95
+ &.halfplus {
96
+ .outer_half_one { z-index: 5; }
97
+ .inner_half_two { @include rotation(90); }
98
+ }
99
+ }
100
+
101
+
102
+
103
+
104
+
105
+
106
+
107
+
108
+
109
+ // all in percentz
110
+
111
+ $circle_width: 1;
112
+ $stripe_border: .01;
113
+ $stripe_width: .03;
114
+
115
+ $front_color: $white;
116
+ $stripe_color: $gray-light;
117
+
118
+
119
+
120
+ .circle-diagram,
121
+ .circle-diagram .placeholder-pic,
122
+ .inner_half_one, .inner_half_two,
123
+ .outer_half_one, .outer_half_two,
124
+ .middle_full {
125
+ display: block; position: relative;
126
+ margin: 0; padding: 0;
127
+ }
128
+
129
+
130
+ .circle-diagram.responsive {
131
+ .placeholder-pic {
132
+ width: 100%;
133
+ }
134
+ width: percentage($circle_width); height: percentage($circle_width);
135
+ border: solid 1px $stripe_color;
136
+ @include border-radius( 1000px );
137
+ background: $front_color;
138
+
139
+ .inner_half_one, .inner_half_two,
140
+ .outer_half_one, .outer_half_two,
141
+ .middle_full {
142
+ display: block; position: absolute;
143
+ @include border-radius( 1000px 1000px 0 0 );
144
+ @include transform-origin(center bottom);
145
+ }
146
+ .inner_half_one, .inner_half_two {
147
+ top: 0; left: 0;
148
+ background: $front_color;
149
+ width: percentage($circle_width); height: percentage($circle_width / 2);
150
+ }
151
+ .inner_half_one { @include rotation(90); }
152
+ .inner_half_two { @include rotation(270); }
153
+
154
+ .outer_half_one, .outer_half_two {
155
+ top: percentage($stripe_border); left: percentage($stripe_border);
156
+ background: #09c;
157
+ width: percentage( $circle_width - $stripe_border * 2 );
158
+ height: percentage( ($circle_width - $stripe_border * 2) / 2 );
159
+ }
160
+ .outer_half_one {
161
+ @include rotation(90);
162
+ // @include linear-gradient(to right, #0099cc, #006699);
163
+ }
164
+ .outer_half_two {
165
+ @include rotation(270);
166
+ // @include linear-gradient(to right, #006699, #0099cc);
167
+ }
168
+
169
+ .middle_full {
170
+ $pos: $stripe_border + $stripe_width;
171
+ $width: $circle_width - ($stripe_border + $stripe_width) * 2;
172
+ top: percentage($pos); left: percentage($pos);
173
+ @include border-radius( 1000px );
174
+ width: percentage($width); height: percentage($width);
175
+ line-height: percentage($width);
176
+ text-align: center;
177
+ font-size: percentage($width / 4);
178
+ font-weight: bold;
179
+ text-shadow: 0 1px 2px #000;
180
+ color: #999;
181
+ background: $front_color;
182
+ z-index: 10;
183
+ }
184
+
185
+ &.dark {
186
+ border:none;
187
+ background: $stripe_color;
188
+ &:after, .middle_full:after {
189
+ display: block; position: absolute; content: "";
190
+ top: 0; right: 0; bottom: 0; left: 0;
191
+ @include border-radius( $circle_width * 3 );
192
+ z-index: 10;
193
+ }
194
+ &:after { @include box-shadow( inset 0 1px 1px 0 rgba(0,0,0,.00), 0 1px 1px 0 rgba(255,255,255,.00) ); }
195
+ .inner_half_one, .inner_half_two { background: $stripe_color; }
196
+ .middle_full {
197
+ $width: $circle_width - ($stripe_border + $stripe_border + $stripe_width) * 2;
198
+ border: solid percentage($stripe_border) $stripe_color;
199
+ width: percentage($width); height: percentage($width);
200
+ line-height: percentage($width);
201
+ &:after { @include box-shadow( inset 0 1px 1px 0 rgba(255,255,255,.00), 0 1px 2px 0 rgba(0,0,0,.00) ); }
202
+ }
203
+ }
204
+
205
+
206
+ // more than 50%
207
+ &.halfplus {
208
+ .outer_half_one { z-index: 5; }
209
+ .inner_half_two { @include rotation(90); }
210
+ }
211
+ }
212
+
213
+
214
+
@@ -0,0 +1,5 @@
1
+ @import "magic/helper/arrow_hints";
2
+ @import "magic/helper/crossed";
3
+ @import "magic/helper/divider";
4
+ @import "magic/helper/dots";
5
+ @import "magic/helper/three_previews";
@@ -0,0 +1,28 @@
1
+ .help_arrow {
2
+ // display: block;
3
+ position: relative;
4
+ z-index: 7;
5
+ &:before, &:after {
6
+ @include handWrittenFont;
7
+ }
8
+ &:before {
9
+ display: block; position: absolute; content: "";
10
+ padding: 0;
11
+ width: 50px; height: 50px;
12
+ bottom: 100%; left: 50%;
13
+ margin: 0 0 10px -25px;
14
+ background: transparent image-url("magic/arrows/arrow2-2.png") center center no-repeat;
15
+ background-size: contain;
16
+ @include rotation(-53);
17
+ }
18
+ &:after {
19
+ display: block; position: absolute; content: attr(data-text);
20
+ padding: 0;
21
+ height: 30px; line-height: 30px;
22
+ bottom: 100%; left: 50%;
23
+ margin: 0 0 37px 30px;
24
+ color: #a0c775;
25
+ font-size: 28px; font-weight: 300;
26
+ text-shadow: 0 1px 1px #000;
27
+ }
28
+ }
@@ -0,0 +1,22 @@
1
+ .crossed {
2
+ display: inline-block;
3
+ position: relative;
4
+ &:before, &:after {
5
+ display: block; position: absolute; content: "";
6
+ margin: 0; padding: 0;
7
+ }
8
+ &:before {
9
+ top: -10px; right: -10px; bottom: -6px; left: -8px;
10
+ background:transparent image-url('magic/helper/crossed.png') center center no-repeat;
11
+ background-size: contain;
12
+ }
13
+ &:after {
14
+ bottom: 100%;
15
+ left: 42%;
16
+ content: attr(data-text);
17
+ color: #369;
18
+ font-size: 90%;
19
+ @include handWrittenFont;
20
+ text-shadow: 0 1px 1px #fff;
21
+ }
22
+ }
@@ -0,0 +1,48 @@
1
+ .divider {
2
+ display: block; position: relative;
3
+ background: inherit;
4
+ text-align: center;
5
+ & > * {
6
+ display: inline-block; position: relative;
7
+ margin: 0 auto; padding: 0 15px;
8
+ background: inherit;
9
+ z-index: 3;
10
+ &.white-bg { background: #fff; }
11
+ }
12
+ &:after {
13
+ display: block; position: absolute; content: "";
14
+ margin: -1px 0 0; padding: 0;
15
+ top: 50%; height: 0;
16
+ left: 0; right: 0;
17
+ border-top: solid 1px #ccc;
18
+ border-bottom: solid 1px $white;
19
+ z-index: 1;
20
+ }
21
+ }
22
+
23
+ .section {
24
+ .divider {
25
+ & > * { background: $main-bg; }
26
+ }
27
+ hr {
28
+ display: block; position: relative;
29
+ margin: 10px 0; padding: 0;
30
+ height: 0;
31
+ border: none;
32
+ border-top: solid 1px #ccc;
33
+ border-bottom: solid 1px $white;
34
+ }
35
+
36
+ &.dark {
37
+ background: $dark-bg;
38
+ .divider > * { background: $dark-bg; }
39
+ }
40
+ &.bright {
41
+ background: $white;
42
+ .divider > * { background: $white; }
43
+ }
44
+ &.brand {
45
+ background: $brand-color;
46
+ .divider > * { background: $brand-color; }
47
+ }
48
+ }
@@ -0,0 +1,26 @@
1
+ .dot {
2
+ display: block; display: inline-block; position: relative;
3
+ width: 10px; height: 10px;
4
+ @include border-radius( 15px );
5
+ border: solid 1px $main-border-color;
6
+ &.ok { background: #55b8f7; border: solid 1px darken( #55b8f7, 10% ); }
7
+ &.warning { background: #f9a538; border: solid 1px darken( #f9a538, 10% ); }
8
+ }
9
+
10
+
11
+ .number_dot {
12
+ display: inline-block;
13
+ height: 92px;
14
+ line-height: 82px;
15
+ width: 92px;
16
+ text-align: center;
17
+ @include border-radius( 100px );
18
+ @include box-shadow (inset 0 1px 1px 0 rgba(51,102,153,0.4));
19
+ text-shadow: 0 2px rgba(51,102,153,0.4);
20
+ border: solid 5px #fff;
21
+ color: #fff;
22
+ background-color: $pink;
23
+ font-size: 40px;
24
+ font-weight: 800;
25
+ margin: 0 auto 10px;
26
+ }
@@ -0,0 +1,33 @@
1
+ .three-previews {
2
+ display: block; position: relative;
3
+ margin: 0 1%;
4
+ padding: 0;
5
+ .preview {
6
+ display: block; position: relative;
7
+ margin: 0 25%; min-height: 80px; z-index: 5; padding: 0;
8
+ // min-height: 50px;
9
+ background: #ccc;
10
+ // border: solid 3px #fff;
11
+ border: none;
12
+ border-bottom: 0;
13
+ @include box-sizing(border-box);
14
+ @include box-shadow( 0 10px 5px 3px rgba(0,0,0,.42) );
15
+
16
+ img { width: 100%; }
17
+
18
+ &:first-child, &:last-child {
19
+ margin: 0; min-height: 40px;
20
+ position: absolute; width: 45%; z-index: 1;
21
+ @include box-shadow( 0 10px 5px 3px rgba(0,0,0,.23) );
22
+ }
23
+ &:first-child { left: 0; bottom: 0; }
24
+ &:last-child { right: 0; bottom: 0; }
25
+ }
26
+ &.bordered {
27
+ border-bottom: solid 1px $main-border-color;
28
+ overflow: hidden;
29
+ max-width: 500px;
30
+ margin: 0 auto;
31
+ }
32
+ }
33
+
@@ -0,0 +1,1392 @@
1
+ //** Load fonts from this directory.
2
+ $icomoon-font-path: "magic/";
3
+ //** File name for all font files.
4
+ // $icomoon-font-name: "orderlifticons-webfont" !default;
5
+ $icomoon-font-name: "icomoon";
6
+ //** Element ID within SVG icon file.
7
+ $icomoon-font-svg-id: "icomoon";
8
+
9
+ $icomoon-class-name: "icomoon";
10
+
11
+
12
+ @font-face {
13
+ font-family: 'icomoon';
14
+ src: url(if($magic-asset-helper, twbs-font-path('#{$icomoon-font-path}#{$icomoon-font-name}.eot'), '#{$icomoon-font-path}#{$icomoon-font-name}.eot'));
15
+ src: url(if($magic-asset-helper, twbs-font-path('#{$icomoon-font-path}#{$icomoon-font-name}.eot'), '#{$icomoon-font-path}#{$icomoon-font-name}.eot#iefix')) format('embedded-opentype'),
16
+ url(if($magic-asset-helper, twbs-font-path('#{$icomoon-font-path}#{$icomoon-font-name}.woff'), '#{$icomoon-font-path}#{$icomoon-font-name}.woff')) format('woff'),
17
+ url(if($magic-asset-helper, twbs-font-path('#{$icomoon-font-path}#{$icomoon-font-name}.ttf'), '#{$icomoon-font-path}#{$icomoon-font-name}.ttf')) format('truetype'),
18
+ url(if($magic-asset-helper, twbs-font-path('#{$icomoon-font-path}#{$icomoon-font-name}.svg##{$icomoon-font-svg-id}'), '#{$icomoon-font-path}#{$icomoon-font-name}.svg##{$icomoon-font-svg-id}')) format('svg');
19
+ font-weight: normal;
20
+ font-style: normal;
21
+
22
+ }
23
+
24
+
25
+
26
+ [class^="#{$icomoon-class-name}-"], [class*=" #{$icomoon-class-name}-"] {
27
+ font-family: 'icomoon';
28
+ speak: none;
29
+ font-style: normal;
30
+ font-weight: normal;
31
+ font-variant: normal;
32
+ text-transform: none;
33
+ line-height: 1;
34
+
35
+ /* Better Font Rendering =========== */
36
+ -webkit-font-smoothing: antialiased;
37
+ -moz-osx-font-smoothing: grayscale;
38
+ }
39
+
40
+ .#{$icomoon-class-name}-home:before {
41
+ content: "\e600";
42
+ }
43
+ .#{$icomoon-class-name}-home2:before {
44
+ content: "\e601";
45
+ }
46
+ .#{$icomoon-class-name}-home3:before {
47
+ content: "\e602";
48
+ }
49
+ .#{$icomoon-class-name}-office:before {
50
+ content: "\e603";
51
+ }
52
+ .#{$icomoon-class-name}-newspaper:before {
53
+ content: "\e604";
54
+ }
55
+ .#{$icomoon-class-name}-pencil:before {
56
+ content: "\e605";
57
+ }
58
+ .#{$icomoon-class-name}-pencil2:before {
59
+ content: "\e606";
60
+ }
61
+ .#{$icomoon-class-name}-quill:before {
62
+ content: "\e607";
63
+ }
64
+ .#{$icomoon-class-name}-pen:before {
65
+ content: "\e608";
66
+ }
67
+ .#{$icomoon-class-name}-blog:before {
68
+ content: "\e609";
69
+ }
70
+ .#{$icomoon-class-name}-droplet:before {
71
+ content: "\e60a";
72
+ }
73
+ .#{$icomoon-class-name}-paint-format:before {
74
+ content: "\e60b";
75
+ }
76
+ .#{$icomoon-class-name}-image:before {
77
+ content: "\e60c";
78
+ }
79
+ .#{$icomoon-class-name}-image2:before {
80
+ content: "\e60d";
81
+ }
82
+ .#{$icomoon-class-name}-images:before {
83
+ content: "\e60e";
84
+ }
85
+ .#{$icomoon-class-name}-camera:before {
86
+ content: "\e60f";
87
+ }
88
+ .#{$icomoon-class-name}-music:before {
89
+ content: "\e610";
90
+ }
91
+ .#{$icomoon-class-name}-headphones:before {
92
+ content: "\e611";
93
+ }
94
+ .#{$icomoon-class-name}-play:before {
95
+ content: "\e612";
96
+ }
97
+ .#{$icomoon-class-name}-film:before {
98
+ content: "\e613";
99
+ }
100
+ .#{$icomoon-class-name}-camera2:before {
101
+ content: "\e614";
102
+ }
103
+ .#{$icomoon-class-name}-dice:before {
104
+ content: "\e615";
105
+ }
106
+ .#{$icomoon-class-name}-pacman:before {
107
+ content: "\e616";
108
+ }
109
+ .#{$icomoon-class-name}-spades:before {
110
+ content: "\e617";
111
+ }
112
+ .#{$icomoon-class-name}-clubs:before {
113
+ content: "\e618";
114
+ }
115
+ .#{$icomoon-class-name}-diamonds:before {
116
+ content: "\e619";
117
+ }
118
+ .#{$icomoon-class-name}-pawn:before {
119
+ content: "\e61a";
120
+ }
121
+ .#{$icomoon-class-name}-bullhorn:before {
122
+ content: "\e61b";
123
+ }
124
+ .#{$icomoon-class-name}-connection:before {
125
+ content: "\e61c";
126
+ }
127
+ .#{$icomoon-class-name}-podcast:before {
128
+ content: "\e61d";
129
+ }
130
+ .#{$icomoon-class-name}-feed:before {
131
+ content: "\e61e";
132
+ }
133
+ .#{$icomoon-class-name}-book:before {
134
+ content: "\e61f";
135
+ }
136
+ .#{$icomoon-class-name}-books:before {
137
+ content: "\e620";
138
+ }
139
+ .#{$icomoon-class-name}-library:before {
140
+ content: "\e621";
141
+ }
142
+ .#{$icomoon-class-name}-file:before {
143
+ content: "\e622";
144
+ }
145
+ .#{$icomoon-class-name}-profile:before {
146
+ content: "\e623";
147
+ }
148
+ .#{$icomoon-class-name}-file2:before {
149
+ content: "\e624";
150
+ }
151
+ .#{$icomoon-class-name}-file3:before {
152
+ content: "\e625";
153
+ }
154
+ .#{$icomoon-class-name}-file4:before {
155
+ content: "\e626";
156
+ }
157
+ .#{$icomoon-class-name}-copy:before {
158
+ content: "\e627";
159
+ }
160
+ .#{$icomoon-class-name}-copy2:before {
161
+ content: "\e628";
162
+ }
163
+ .#{$icomoon-class-name}-copy3:before {
164
+ content: "\e629";
165
+ }
166
+ .#{$icomoon-class-name}-paste:before {
167
+ content: "\e62a";
168
+ }
169
+ .#{$icomoon-class-name}-paste2:before {
170
+ content: "\e62b";
171
+ }
172
+ .#{$icomoon-class-name}-paste3:before {
173
+ content: "\e62c";
174
+ }
175
+ .#{$icomoon-class-name}-stack:before {
176
+ content: "\e62d";
177
+ }
178
+ .#{$icomoon-class-name}-folder:before {
179
+ content: "\e62e";
180
+ }
181
+ .#{$icomoon-class-name}-folder-open:before {
182
+ content: "\e62f";
183
+ }
184
+ .#{$icomoon-class-name}-tag:before {
185
+ content: "\e630";
186
+ }
187
+ .#{$icomoon-class-name}-tags:before {
188
+ content: "\e631";
189
+ }
190
+ .#{$icomoon-class-name}-barcode:before {
191
+ content: "\e632";
192
+ }
193
+ .#{$icomoon-class-name}-qrcode:before {
194
+ content: "\e633";
195
+ }
196
+ .#{$icomoon-class-name}-ticket:before {
197
+ content: "\e634";
198
+ }
199
+ .#{$icomoon-class-name}-cart:before {
200
+ content: "\e635";
201
+ }
202
+ .#{$icomoon-class-name}-cart2:before {
203
+ content: "\e636";
204
+ }
205
+ .#{$icomoon-class-name}-cart3:before {
206
+ content: "\e637";
207
+ }
208
+ .#{$icomoon-class-name}-coin:before {
209
+ content: "\e638";
210
+ }
211
+ .#{$icomoon-class-name}-credit:before {
212
+ content: "\e639";
213
+ }
214
+ .#{$icomoon-class-name}-calculate:before {
215
+ content: "\e63a";
216
+ }
217
+ .#{$icomoon-class-name}-support:before {
218
+ content: "\e63b";
219
+ }
220
+ .#{$icomoon-class-name}-phone:before {
221
+ content: "\e63c";
222
+ }
223
+ .#{$icomoon-class-name}-phone-hang-up:before {
224
+ content: "\e63d";
225
+ }
226
+ .#{$icomoon-class-name}-address-book:before {
227
+ content: "\e63e";
228
+ }
229
+ .#{$icomoon-class-name}-notebook:before {
230
+ content: "\e63f";
231
+ }
232
+ .#{$icomoon-class-name}-envelope:before {
233
+ content: "\e640";
234
+ }
235
+ .#{$icomoon-class-name}-pushpin:before {
236
+ content: "\e641";
237
+ }
238
+ .#{$icomoon-class-name}-location:before {
239
+ content: "\e642";
240
+ }
241
+ .#{$icomoon-class-name}-location2:before {
242
+ content: "\e643";
243
+ }
244
+ .#{$icomoon-class-name}-compass:before {
245
+ content: "\e644";
246
+ }
247
+ .#{$icomoon-class-name}-map:before {
248
+ content: "\e645";
249
+ }
250
+ .#{$icomoon-class-name}-map2:before {
251
+ content: "\e646";
252
+ }
253
+ .#{$icomoon-class-name}-history:before {
254
+ content: "\e647";
255
+ }
256
+ .#{$icomoon-class-name}-clock:before {
257
+ content: "\e648";
258
+ }
259
+ .#{$icomoon-class-name}-clock2:before {
260
+ content: "\e649";
261
+ }
262
+ .#{$icomoon-class-name}-alarm:before {
263
+ content: "\e64a";
264
+ }
265
+ .#{$icomoon-class-name}-alarm2:before {
266
+ content: "\e64b";
267
+ }
268
+ .#{$icomoon-class-name}-bell:before {
269
+ content: "\e64c";
270
+ }
271
+ .#{$icomoon-class-name}-stopwatch:before {
272
+ content: "\e64d";
273
+ }
274
+ .#{$icomoon-class-name}-calendar:before {
275
+ content: "\e64e";
276
+ }
277
+ .#{$icomoon-class-name}-calendar2:before {
278
+ content: "\e64f";
279
+ }
280
+ .#{$icomoon-class-name}-print:before {
281
+ content: "\e650";
282
+ }
283
+ .#{$icomoon-class-name}-keyboard:before {
284
+ content: "\e651";
285
+ }
286
+ .#{$icomoon-class-name}-screen:before {
287
+ content: "\e652";
288
+ }
289
+ .#{$icomoon-class-name}-laptop:before {
290
+ content: "\e653";
291
+ }
292
+ .#{$icomoon-class-name}-mobile:before {
293
+ content: "\e654";
294
+ }
295
+ .#{$icomoon-class-name}-mobile2:before {
296
+ content: "\e655";
297
+ }
298
+ .#{$icomoon-class-name}-tablet:before {
299
+ content: "\e656";
300
+ }
301
+ .#{$icomoon-class-name}-tv:before {
302
+ content: "\e657";
303
+ }
304
+ .#{$icomoon-class-name}-cabinet:before {
305
+ content: "\e658";
306
+ }
307
+ .#{$icomoon-class-name}-drawer:before {
308
+ content: "\e659";
309
+ }
310
+ .#{$icomoon-class-name}-drawer2:before {
311
+ content: "\e65a";
312
+ }
313
+ .#{$icomoon-class-name}-drawer3:before {
314
+ content: "\e65b";
315
+ }
316
+ .#{$icomoon-class-name}-box-add:before {
317
+ content: "\e65c";
318
+ }
319
+ .#{$icomoon-class-name}-box-remove:before {
320
+ content: "\e65d";
321
+ }
322
+ .#{$icomoon-class-name}-download:before {
323
+ content: "\e65e";
324
+ }
325
+ .#{$icomoon-class-name}-upload:before {
326
+ content: "\e65f";
327
+ }
328
+ .#{$icomoon-class-name}-disk:before {
329
+ content: "\e660";
330
+ }
331
+ .#{$icomoon-class-name}-storage:before {
332
+ content: "\e661";
333
+ }
334
+ .#{$icomoon-class-name}-undo:before {
335
+ content: "\e662";
336
+ }
337
+ .#{$icomoon-class-name}-redo:before {
338
+ content: "\e663";
339
+ }
340
+ .#{$icomoon-class-name}-flip:before {
341
+ content: "\e664";
342
+ }
343
+ .#{$icomoon-class-name}-flip2:before {
344
+ content: "\e665";
345
+ }
346
+ .#{$icomoon-class-name}-undo2:before {
347
+ content: "\e666";
348
+ }
349
+ .#{$icomoon-class-name}-redo2:before {
350
+ content: "\e667";
351
+ }
352
+ .#{$icomoon-class-name}-forward:before {
353
+ content: "\e668";
354
+ }
355
+ .#{$icomoon-class-name}-reply:before {
356
+ content: "\e669";
357
+ }
358
+ .#{$icomoon-class-name}-bubble:before {
359
+ content: "\e66a";
360
+ }
361
+ .#{$icomoon-class-name}-bubbles:before {
362
+ content: "\e66b";
363
+ }
364
+ .#{$icomoon-class-name}-bubbles2:before {
365
+ content: "\e66c";
366
+ }
367
+ .#{$icomoon-class-name}-bubble2:before {
368
+ content: "\e66d";
369
+ }
370
+ .#{$icomoon-class-name}-bubbles3:before {
371
+ content: "\e66e";
372
+ }
373
+ .#{$icomoon-class-name}-bubbles4:before {
374
+ content: "\e66f";
375
+ }
376
+ .#{$icomoon-class-name}-user:before {
377
+ content: "\e670";
378
+ }
379
+ .#{$icomoon-class-name}-users:before {
380
+ content: "\e671";
381
+ }
382
+ .#{$icomoon-class-name}-user2:before {
383
+ content: "\e672";
384
+ }
385
+ .#{$icomoon-class-name}-users2:before {
386
+ content: "\e673";
387
+ }
388
+ .#{$icomoon-class-name}-user3:before {
389
+ content: "\e674";
390
+ }
391
+ .#{$icomoon-class-name}-user4:before {
392
+ content: "\e675";
393
+ }
394
+ .#{$icomoon-class-name}-quotes-left:before {
395
+ content: "\e676";
396
+ }
397
+ .#{$icomoon-class-name}-busy:before {
398
+ content: "\e677";
399
+ }
400
+ .#{$icomoon-class-name}-spinner:before {
401
+ content: "\e678";
402
+ }
403
+ .#{$icomoon-class-name}-spinner2:before {
404
+ content: "\e679";
405
+ }
406
+ .#{$icomoon-class-name}-spinner3:before {
407
+ content: "\e67a";
408
+ }
409
+ .#{$icomoon-class-name}-spinner4:before {
410
+ content: "\e67b";
411
+ }
412
+ .#{$icomoon-class-name}-spinner5:before {
413
+ content: "\e67c";
414
+ }
415
+ .#{$icomoon-class-name}-spinner6:before {
416
+ content: "\e67d";
417
+ }
418
+ .#{$icomoon-class-name}-binoculars:before {
419
+ content: "\e67e";
420
+ }
421
+ .#{$icomoon-class-name}-search:before {
422
+ content: "\e67f";
423
+ }
424
+ .#{$icomoon-class-name}-zoomin:before {
425
+ content: "\e680";
426
+ }
427
+ .#{$icomoon-class-name}-zoomout:before {
428
+ content: "\e681";
429
+ }
430
+ .#{$icomoon-class-name}-expand:before {
431
+ content: "\e682";
432
+ }
433
+ .#{$icomoon-class-name}-contract:before {
434
+ content: "\e683";
435
+ }
436
+ .#{$icomoon-class-name}-expand2:before {
437
+ content: "\e684";
438
+ }
439
+ .#{$icomoon-class-name}-contract2:before {
440
+ content: "\e685";
441
+ }
442
+ .#{$icomoon-class-name}-key:before {
443
+ content: "\e686";
444
+ }
445
+ .#{$icomoon-class-name}-key2:before {
446
+ content: "\e687";
447
+ }
448
+ .#{$icomoon-class-name}-lock:before {
449
+ content: "\e688";
450
+ }
451
+ .#{$icomoon-class-name}-lock2:before {
452
+ content: "\e689";
453
+ }
454
+ .#{$icomoon-class-name}-unlocked:before {
455
+ content: "\e68a";
456
+ }
457
+ .#{$icomoon-class-name}-wrench:before {
458
+ content: "\e68b";
459
+ }
460
+ .#{$icomoon-class-name}-settings:before {
461
+ content: "\e68c";
462
+ }
463
+ .#{$icomoon-class-name}-equalizer:before {
464
+ content: "\e68d";
465
+ }
466
+ .#{$icomoon-class-name}-cog:before {
467
+ content: "\e68e";
468
+ }
469
+ .#{$icomoon-class-name}-cogs:before {
470
+ content: "\e68f";
471
+ }
472
+ .#{$icomoon-class-name}-cog2:before {
473
+ content: "\e690";
474
+ }
475
+ .#{$icomoon-class-name}-hammer:before {
476
+ content: "\e691";
477
+ }
478
+ .#{$icomoon-class-name}-wand:before {
479
+ content: "\e692";
480
+ }
481
+ .#{$icomoon-class-name}-aid:before {
482
+ content: "\e693";
483
+ }
484
+ .#{$icomoon-class-name}-bug:before {
485
+ content: "\e694";
486
+ }
487
+ .#{$icomoon-class-name}-pie:before {
488
+ content: "\e695";
489
+ }
490
+ .#{$icomoon-class-name}-stats:before {
491
+ content: "\e696";
492
+ }
493
+ .#{$icomoon-class-name}-bars:before {
494
+ content: "\e697";
495
+ }
496
+ .#{$icomoon-class-name}-bars2:before {
497
+ content: "\e698";
498
+ }
499
+ .#{$icomoon-class-name}-gift:before {
500
+ content: "\e699";
501
+ }
502
+ .#{$icomoon-class-name}-trophy:before {
503
+ content: "\e69a";
504
+ }
505
+ .#{$icomoon-class-name}-glass:before {
506
+ content: "\e69b";
507
+ }
508
+ .#{$icomoon-class-name}-mug:before {
509
+ content: "\e69c";
510
+ }
511
+ .#{$icomoon-class-name}-food:before {
512
+ content: "\e69d";
513
+ }
514
+ .#{$icomoon-class-name}-leaf:before {
515
+ content: "\e69e";
516
+ }
517
+ .#{$icomoon-class-name}-rocket:before {
518
+ content: "\e69f";
519
+ }
520
+ .#{$icomoon-class-name}-meter:before {
521
+ content: "\e6a0";
522
+ }
523
+ .#{$icomoon-class-name}-meter2:before {
524
+ content: "\e6a1";
525
+ }
526
+ .#{$icomoon-class-name}-dashboard:before {
527
+ content: "\e6a2";
528
+ }
529
+ .#{$icomoon-class-name}-hammer2:before {
530
+ content: "\e6a3";
531
+ }
532
+ .#{$icomoon-class-name}-fire:before {
533
+ content: "\e6a4";
534
+ }
535
+ .#{$icomoon-class-name}-lab:before {
536
+ content: "\e6a5";
537
+ }
538
+ .#{$icomoon-class-name}-magnet:before {
539
+ content: "\e6a6";
540
+ }
541
+ .#{$icomoon-class-name}-remove:before {
542
+ content: "\e6a7";
543
+ }
544
+ .#{$icomoon-class-name}-remove2:before {
545
+ content: "\e6a8";
546
+ }
547
+ .#{$icomoon-class-name}-briefcase:before {
548
+ content: "\e6a9";
549
+ }
550
+ .#{$icomoon-class-name}-airplane:before {
551
+ content: "\e6aa";
552
+ }
553
+ .#{$icomoon-class-name}-truck:before {
554
+ content: "\e6ab";
555
+ }
556
+ .#{$icomoon-class-name}-road:before {
557
+ content: "\e6ac";
558
+ }
559
+ .#{$icomoon-class-name}-accessibility:before {
560
+ content: "\e6ad";
561
+ }
562
+ .#{$icomoon-class-name}-target:before {
563
+ content: "\e6ae";
564
+ }
565
+ .#{$icomoon-class-name}-shield:before {
566
+ content: "\e6af";
567
+ }
568
+ .#{$icomoon-class-name}-lightning:before {
569
+ content: "\e6b0";
570
+ }
571
+ .#{$icomoon-class-name}-switch:before {
572
+ content: "\e6b1";
573
+ }
574
+ .#{$icomoon-class-name}-powercord:before {
575
+ content: "\e6b2";
576
+ }
577
+ .#{$icomoon-class-name}-signup:before {
578
+ content: "\e6b3";
579
+ }
580
+ .#{$icomoon-class-name}-list:before {
581
+ content: "\e6b4";
582
+ }
583
+ .#{$icomoon-class-name}-list2:before {
584
+ content: "\e6b5";
585
+ }
586
+ .#{$icomoon-class-name}-numbered-list:before {
587
+ content: "\e6b6";
588
+ }
589
+ .#{$icomoon-class-name}-menu:before {
590
+ content: "\e6b7";
591
+ }
592
+ .#{$icomoon-class-name}-menu2:before {
593
+ content: "\e6b8";
594
+ }
595
+ .#{$icomoon-class-name}-tree:before {
596
+ content: "\e6b9";
597
+ }
598
+ .#{$icomoon-class-name}-cloud:before {
599
+ content: "\e6ba";
600
+ }
601
+ .#{$icomoon-class-name}-cloud-download:before {
602
+ content: "\e6bb";
603
+ }
604
+ .#{$icomoon-class-name}-cloud-upload:before {
605
+ content: "\e6bc";
606
+ }
607
+ .#{$icomoon-class-name}-download2:before {
608
+ content: "\e6bd";
609
+ }
610
+ .#{$icomoon-class-name}-upload2:before {
611
+ content: "\e6be";
612
+ }
613
+ .#{$icomoon-class-name}-download3:before {
614
+ content: "\e6bf";
615
+ }
616
+ .#{$icomoon-class-name}-upload3:before {
617
+ content: "\e6c0";
618
+ }
619
+ .#{$icomoon-class-name}-globe:before {
620
+ content: "\e6c1";
621
+ }
622
+ .#{$icomoon-class-name}-earth:before {
623
+ content: "\e6c2";
624
+ }
625
+ .#{$icomoon-class-name}-link:before {
626
+ content: "\e6c3";
627
+ }
628
+ .#{$icomoon-class-name}-flag:before {
629
+ content: "\e6c4";
630
+ }
631
+ .#{$icomoon-class-name}-attachment:before {
632
+ content: "\e6c5";
633
+ }
634
+ .#{$icomoon-class-name}-eye:before {
635
+ content: "\e6c6";
636
+ }
637
+ .#{$icomoon-class-name}-eye-blocked:before {
638
+ content: "\e6c7";
639
+ }
640
+ .#{$icomoon-class-name}-eye2:before {
641
+ content: "\e6c8";
642
+ }
643
+ .#{$icomoon-class-name}-bookmark:before {
644
+ content: "\e6c9";
645
+ }
646
+ .#{$icomoon-class-name}-bookmarks:before {
647
+ content: "\e6ca";
648
+ }
649
+ .#{$icomoon-class-name}-brightness-medium:before {
650
+ content: "\e6cb";
651
+ }
652
+ .#{$icomoon-class-name}-brightness-contrast:before {
653
+ content: "\e6cc";
654
+ }
655
+ .#{$icomoon-class-name}-contrast:before {
656
+ content: "\e6cd";
657
+ }
658
+ .#{$icomoon-class-name}-star:before {
659
+ content: "\e6ce";
660
+ }
661
+ .#{$icomoon-class-name}-star2:before {
662
+ content: "\e6cf";
663
+ }
664
+ .#{$icomoon-class-name}-star3:before {
665
+ content: "\e6d0";
666
+ }
667
+ .#{$icomoon-class-name}-heart:before {
668
+ content: "\e6d1";
669
+ }
670
+ .#{$icomoon-class-name}-heart2:before {
671
+ content: "\e6d2";
672
+ }
673
+ .#{$icomoon-class-name}-heart-broken:before {
674
+ content: "\e6d3";
675
+ }
676
+ .#{$icomoon-class-name}-thumbs-up:before {
677
+ content: "\e6d4";
678
+ }
679
+ .#{$icomoon-class-name}-thumbs-up2:before {
680
+ content: "\e6d5";
681
+ }
682
+ .#{$icomoon-class-name}-happy:before {
683
+ content: "\e6d6";
684
+ }
685
+ .#{$icomoon-class-name}-happy2:before {
686
+ content: "\e6d7";
687
+ }
688
+ .#{$icomoon-class-name}-smiley:before {
689
+ content: "\e6d8";
690
+ }
691
+ .#{$icomoon-class-name}-smiley2:before {
692
+ content: "\e6d9";
693
+ }
694
+ .#{$icomoon-class-name}-tongue:before {
695
+ content: "\e6da";
696
+ }
697
+ .#{$icomoon-class-name}-tongue2:before {
698
+ content: "\e6db";
699
+ }
700
+ .#{$icomoon-class-name}-sad:before {
701
+ content: "\e6dc";
702
+ }
703
+ .#{$icomoon-class-name}-sad2:before {
704
+ content: "\e6dd";
705
+ }
706
+ .#{$icomoon-class-name}-wink:before {
707
+ content: "\e6de";
708
+ }
709
+ .#{$icomoon-class-name}-wink2:before {
710
+ content: "\e6df";
711
+ }
712
+ .#{$icomoon-class-name}-grin:before {
713
+ content: "\e6e0";
714
+ }
715
+ .#{$icomoon-class-name}-grin2:before {
716
+ content: "\e6e1";
717
+ }
718
+ .#{$icomoon-class-name}-cool:before {
719
+ content: "\e6e2";
720
+ }
721
+ .#{$icomoon-class-name}-cool2:before {
722
+ content: "\e6e3";
723
+ }
724
+ .#{$icomoon-class-name}-angry:before {
725
+ content: "\e6e4";
726
+ }
727
+ .#{$icomoon-class-name}-angry2:before {
728
+ content: "\e6e5";
729
+ }
730
+ .#{$icomoon-class-name}-evil:before {
731
+ content: "\e6e6";
732
+ }
733
+ .#{$icomoon-class-name}-evil2:before {
734
+ content: "\e6e7";
735
+ }
736
+ .#{$icomoon-class-name}-shocked:before {
737
+ content: "\e6e8";
738
+ }
739
+ .#{$icomoon-class-name}-shocked2:before {
740
+ content: "\e6e9";
741
+ }
742
+ .#{$icomoon-class-name}-confused:before {
743
+ content: "\e6ea";
744
+ }
745
+ .#{$icomoon-class-name}-confused2:before {
746
+ content: "\e6eb";
747
+ }
748
+ .#{$icomoon-class-name}-neutral:before {
749
+ content: "\e6ec";
750
+ }
751
+ .#{$icomoon-class-name}-neutral2:before {
752
+ content: "\e6ed";
753
+ }
754
+ .#{$icomoon-class-name}-wondering:before {
755
+ content: "\e6ee";
756
+ }
757
+ .#{$icomoon-class-name}-wondering2:before {
758
+ content: "\e6ef";
759
+ }
760
+ .#{$icomoon-class-name}-point-up:before {
761
+ content: "\e6f0";
762
+ }
763
+ .#{$icomoon-class-name}-point-right:before {
764
+ content: "\e6f1";
765
+ }
766
+ .#{$icomoon-class-name}-point-down:before {
767
+ content: "\e6f2";
768
+ }
769
+ .#{$icomoon-class-name}-point-left:before {
770
+ content: "\e6f3";
771
+ }
772
+ .#{$icomoon-class-name}-warning:before {
773
+ content: "\e6f4";
774
+ }
775
+ .#{$icomoon-class-name}-notification:before {
776
+ content: "\e6f5";
777
+ }
778
+ .#{$icomoon-class-name}-question:before {
779
+ content: "\e6f6";
780
+ }
781
+ .#{$icomoon-class-name}-info:before {
782
+ content: "\e6f7";
783
+ }
784
+ .#{$icomoon-class-name}-info2:before {
785
+ content: "\e6f8";
786
+ }
787
+ .#{$icomoon-class-name}-blocked:before {
788
+ content: "\e6f9";
789
+ }
790
+ .#{$icomoon-class-name}-cancel-circle:before {
791
+ content: "\e6fa";
792
+ }
793
+ .#{$icomoon-class-name}-checkmark-circle:before {
794
+ content: "\e6fb";
795
+ }
796
+ .#{$icomoon-class-name}-spam:before {
797
+ content: "\e6fc";
798
+ }
799
+ .#{$icomoon-class-name}-close:before {
800
+ content: "\e6fd";
801
+ }
802
+ .#{$icomoon-class-name}-checkmark:before {
803
+ content: "\e6fe";
804
+ }
805
+ .#{$icomoon-class-name}-checkmark2:before {
806
+ content: "\e6ff";
807
+ }
808
+ .#{$icomoon-class-name}-spell-check:before {
809
+ content: "\e700";
810
+ }
811
+ .#{$icomoon-class-name}-minus:before {
812
+ content: "\e701";
813
+ }
814
+ .#{$icomoon-class-name}-plus:before {
815
+ content: "\e702";
816
+ }
817
+ .#{$icomoon-class-name}-enter:before {
818
+ content: "\e703";
819
+ }
820
+ .#{$icomoon-class-name}-exit:before {
821
+ content: "\e704";
822
+ }
823
+ .#{$icomoon-class-name}-play2:before {
824
+ content: "\e705";
825
+ }
826
+ .#{$icomoon-class-name}-pause:before {
827
+ content: "\e706";
828
+ }
829
+ .#{$icomoon-class-name}-stop:before {
830
+ content: "\e707";
831
+ }
832
+ .#{$icomoon-class-name}-backward:before {
833
+ content: "\e708";
834
+ }
835
+ .#{$icomoon-class-name}-forward2:before {
836
+ content: "\e709";
837
+ }
838
+ .#{$icomoon-class-name}-play3:before {
839
+ content: "\e70a";
840
+ }
841
+ .#{$icomoon-class-name}-pause2:before {
842
+ content: "\e70b";
843
+ }
844
+ .#{$icomoon-class-name}-stop2:before {
845
+ content: "\e70c";
846
+ }
847
+ .#{$icomoon-class-name}-backward2:before {
848
+ content: "\e70d";
849
+ }
850
+ .#{$icomoon-class-name}-forward3:before {
851
+ content: "\e70e";
852
+ }
853
+ .#{$icomoon-class-name}-first:before {
854
+ content: "\e70f";
855
+ }
856
+ .#{$icomoon-class-name}-last:before {
857
+ content: "\e710";
858
+ }
859
+ .#{$icomoon-class-name}-previous:before {
860
+ content: "\e711";
861
+ }
862
+ .#{$icomoon-class-name}-next:before {
863
+ content: "\e712";
864
+ }
865
+ .#{$icomoon-class-name}-eject:before {
866
+ content: "\e713";
867
+ }
868
+ .#{$icomoon-class-name}-volume-high:before {
869
+ content: "\e714";
870
+ }
871
+ .#{$icomoon-class-name}-volume-medium:before {
872
+ content: "\e715";
873
+ }
874
+ .#{$icomoon-class-name}-volume-low:before {
875
+ content: "\e716";
876
+ }
877
+ .#{$icomoon-class-name}-volume-mute:before {
878
+ content: "\e717";
879
+ }
880
+ .#{$icomoon-class-name}-volume-mute2:before {
881
+ content: "\e718";
882
+ }
883
+ .#{$icomoon-class-name}-volume-increase:before {
884
+ content: "\e719";
885
+ }
886
+ .#{$icomoon-class-name}-volume-decrease:before {
887
+ content: "\e71a";
888
+ }
889
+ .#{$icomoon-class-name}-loop:before {
890
+ content: "\e71b";
891
+ }
892
+ .#{$icomoon-class-name}-loop2:before {
893
+ content: "\e71c";
894
+ }
895
+ .#{$icomoon-class-name}-loop3:before {
896
+ content: "\e71d";
897
+ }
898
+ .#{$icomoon-class-name}-shuffle:before {
899
+ content: "\e71e";
900
+ }
901
+ .#{$icomoon-class-name}-arrow-up-left:before {
902
+ content: "\e71f";
903
+ }
904
+ .#{$icomoon-class-name}-arrow-up:before {
905
+ content: "\e720";
906
+ }
907
+ .#{$icomoon-class-name}-arrow-up-right:before {
908
+ content: "\e721";
909
+ }
910
+ .#{$icomoon-class-name}-arrow-right:before {
911
+ content: "\e722";
912
+ }
913
+ .#{$icomoon-class-name}-arrow-down-right:before {
914
+ content: "\e723";
915
+ }
916
+ .#{$icomoon-class-name}-arrow-down:before {
917
+ content: "\e724";
918
+ }
919
+ .#{$icomoon-class-name}-arrow-down-left:before {
920
+ content: "\e725";
921
+ }
922
+ .#{$icomoon-class-name}-arrow-left:before {
923
+ content: "\e726";
924
+ }
925
+ .#{$icomoon-class-name}-arrow-up-left2:before {
926
+ content: "\e727";
927
+ }
928
+ .#{$icomoon-class-name}-arrow-up2:before {
929
+ content: "\e728";
930
+ }
931
+ .#{$icomoon-class-name}-arrow-up-right2:before {
932
+ content: "\e729";
933
+ }
934
+ .#{$icomoon-class-name}-arrow-right2:before {
935
+ content: "\e72a";
936
+ }
937
+ .#{$icomoon-class-name}-arrow-down-right2:before {
938
+ content: "\e72b";
939
+ }
940
+ .#{$icomoon-class-name}-arrow-down2:before {
941
+ content: "\e72c";
942
+ }
943
+ .#{$icomoon-class-name}-arrow-down-left2:before {
944
+ content: "\e72d";
945
+ }
946
+ .#{$icomoon-class-name}-arrow-left2:before {
947
+ content: "\e72e";
948
+ }
949
+ .#{$icomoon-class-name}-arrow-up-left3:before {
950
+ content: "\e72f";
951
+ }
952
+ .#{$icomoon-class-name}-arrow-up3:before {
953
+ content: "\e730";
954
+ }
955
+ .#{$icomoon-class-name}-arrow-up-right3:before {
956
+ content: "\e731";
957
+ }
958
+ .#{$icomoon-class-name}-arrow-right3:before {
959
+ content: "\e732";
960
+ }
961
+ .#{$icomoon-class-name}-arrow-down-right3:before {
962
+ content: "\e733";
963
+ }
964
+ .#{$icomoon-class-name}-arrow-down3:before {
965
+ content: "\e734";
966
+ }
967
+ .#{$icomoon-class-name}-arrow-down-left3:before {
968
+ content: "\e735";
969
+ }
970
+ .#{$icomoon-class-name}-arrow-left3:before {
971
+ content: "\e736";
972
+ }
973
+ .#{$icomoon-class-name}-tab:before {
974
+ content: "\e737";
975
+ }
976
+ .#{$icomoon-class-name}-checkbox-checked:before {
977
+ content: "\e738";
978
+ }
979
+ .#{$icomoon-class-name}-checkbox-unchecked:before {
980
+ content: "\e739";
981
+ }
982
+ .#{$icomoon-class-name}-checkbox-partial:before {
983
+ content: "\e73a";
984
+ }
985
+ .#{$icomoon-class-name}-radio-checked:before {
986
+ content: "\e73b";
987
+ }
988
+ .#{$icomoon-class-name}-radio-unchecked:before {
989
+ content: "\e73c";
990
+ }
991
+ .#{$icomoon-class-name}-crop:before {
992
+ content: "\e73d";
993
+ }
994
+ .#{$icomoon-class-name}-scissors:before {
995
+ content: "\e73e";
996
+ }
997
+ .#{$icomoon-class-name}-filter:before {
998
+ content: "\e73f";
999
+ }
1000
+ .#{$icomoon-class-name}-filter2:before {
1001
+ content: "\e740";
1002
+ }
1003
+ .#{$icomoon-class-name}-font:before {
1004
+ content: "\e741";
1005
+ }
1006
+ .#{$icomoon-class-name}-text-height:before {
1007
+ content: "\e742";
1008
+ }
1009
+ .#{$icomoon-class-name}-text-width:before {
1010
+ content: "\e743";
1011
+ }
1012
+ .#{$icomoon-class-name}-bold:before {
1013
+ content: "\e744";
1014
+ }
1015
+ .#{$icomoon-class-name}-underline:before {
1016
+ content: "\e745";
1017
+ }
1018
+ .#{$icomoon-class-name}-italic:before {
1019
+ content: "\e746";
1020
+ }
1021
+ .#{$icomoon-class-name}-strikethrough:before {
1022
+ content: "\e747";
1023
+ }
1024
+ .#{$icomoon-class-name}-omega:before {
1025
+ content: "\e748";
1026
+ }
1027
+ .#{$icomoon-class-name}-sigma:before {
1028
+ content: "\e749";
1029
+ }
1030
+ .#{$icomoon-class-name}-table:before {
1031
+ content: "\e74a";
1032
+ }
1033
+ .#{$icomoon-class-name}-table2:before {
1034
+ content: "\e74b";
1035
+ }
1036
+ .#{$icomoon-class-name}-insert-template:before {
1037
+ content: "\e74c";
1038
+ }
1039
+ .#{$icomoon-class-name}-pilcrow:before {
1040
+ content: "\e74d";
1041
+ }
1042
+ .#{$icomoon-class-name}-lefttoright:before {
1043
+ content: "\e74e";
1044
+ }
1045
+ .#{$icomoon-class-name}-righttoleft:before {
1046
+ content: "\e74f";
1047
+ }
1048
+ .#{$icomoon-class-name}-paragraph-left:before {
1049
+ content: "\e750";
1050
+ }
1051
+ .#{$icomoon-class-name}-paragraph-center:before {
1052
+ content: "\e751";
1053
+ }
1054
+ .#{$icomoon-class-name}-paragraph-right:before {
1055
+ content: "\e752";
1056
+ }
1057
+ .#{$icomoon-class-name}-paragraph-justify:before {
1058
+ content: "\e753";
1059
+ }
1060
+ .#{$icomoon-class-name}-paragraph-left2:before {
1061
+ content: "\e754";
1062
+ }
1063
+ .#{$icomoon-class-name}-paragraph-center2:before {
1064
+ content: "\e755";
1065
+ }
1066
+ .#{$icomoon-class-name}-paragraph-right2:before {
1067
+ content: "\e756";
1068
+ }
1069
+ .#{$icomoon-class-name}-paragraph-justify2:before {
1070
+ content: "\e757";
1071
+ }
1072
+ .#{$icomoon-class-name}-indent-increase:before {
1073
+ content: "\e758";
1074
+ }
1075
+ .#{$icomoon-class-name}-indent-decrease:before {
1076
+ content: "\e759";
1077
+ }
1078
+ .#{$icomoon-class-name}-newtab:before {
1079
+ content: "\e75a";
1080
+ }
1081
+ .#{$icomoon-class-name}-embed:before {
1082
+ content: "\e75b";
1083
+ }
1084
+ .#{$icomoon-class-name}-code:before {
1085
+ content: "\e75c";
1086
+ }
1087
+ .#{$icomoon-class-name}-console:before {
1088
+ content: "\e75d";
1089
+ }
1090
+ .#{$icomoon-class-name}-share:before {
1091
+ content: "\e75e";
1092
+ }
1093
+ .#{$icomoon-class-name}-mail:before {
1094
+ content: "\e75f";
1095
+ }
1096
+ .#{$icomoon-class-name}-mail2:before {
1097
+ content: "\e760";
1098
+ }
1099
+ .#{$icomoon-class-name}-mail3:before {
1100
+ content: "\e761";
1101
+ }
1102
+ .#{$icomoon-class-name}-mail4:before {
1103
+ content: "\e762";
1104
+ }
1105
+ .#{$icomoon-class-name}-google:before {
1106
+ content: "\e763";
1107
+ }
1108
+ .#{$icomoon-class-name}-googleplus:before {
1109
+ content: "\e764";
1110
+ }
1111
+ .#{$icomoon-class-name}-googleplus2:before {
1112
+ content: "\e765";
1113
+ }
1114
+ .#{$icomoon-class-name}-googleplus3:before {
1115
+ content: "\e766";
1116
+ }
1117
+ .#{$icomoon-class-name}-googleplus4:before {
1118
+ content: "\e767";
1119
+ }
1120
+ .#{$icomoon-class-name}-google-drive:before {
1121
+ content: "\e768";
1122
+ }
1123
+ .#{$icomoon-class-name}-facebook:before {
1124
+ content: "\e769";
1125
+ }
1126
+ .#{$icomoon-class-name}-facebook2:before {
1127
+ content: "\e76a";
1128
+ }
1129
+ .#{$icomoon-class-name}-facebook3:before {
1130
+ content: "\e76b";
1131
+ }
1132
+ .#{$icomoon-class-name}-instagram:before {
1133
+ content: "\e76c";
1134
+ }
1135
+ .#{$icomoon-class-name}-twitter:before {
1136
+ content: "\e76d";
1137
+ }
1138
+ .#{$icomoon-class-name}-twitter2:before {
1139
+ content: "\e76e";
1140
+ }
1141
+ .#{$icomoon-class-name}-twitter3:before {
1142
+ content: "\e76f";
1143
+ }
1144
+ .#{$icomoon-class-name}-feed2:before {
1145
+ content: "\e770";
1146
+ }
1147
+ .#{$icomoon-class-name}-feed3:before {
1148
+ content: "\e771";
1149
+ }
1150
+ .#{$icomoon-class-name}-feed4:before {
1151
+ content: "\e772";
1152
+ }
1153
+ .#{$icomoon-class-name}-youtube:before {
1154
+ content: "\e773";
1155
+ }
1156
+ .#{$icomoon-class-name}-youtube2:before {
1157
+ content: "\e774";
1158
+ }
1159
+ .#{$icomoon-class-name}-vimeo:before {
1160
+ content: "\e775";
1161
+ }
1162
+ .#{$icomoon-class-name}-vimeo2:before {
1163
+ content: "\e776";
1164
+ }
1165
+ .#{$icomoon-class-name}-vimeo3:before {
1166
+ content: "\e777";
1167
+ }
1168
+ .#{$icomoon-class-name}-lanyrd:before {
1169
+ content: "\e778";
1170
+ }
1171
+ .#{$icomoon-class-name}-flickr:before {
1172
+ content: "\e779";
1173
+ }
1174
+ .#{$icomoon-class-name}-flickr2:before {
1175
+ content: "\e77a";
1176
+ }
1177
+ .#{$icomoon-class-name}-flickr3:before {
1178
+ content: "\e77b";
1179
+ }
1180
+ .#{$icomoon-class-name}-flickr4:before {
1181
+ content: "\e77c";
1182
+ }
1183
+ .#{$icomoon-class-name}-picassa:before {
1184
+ content: "\e77d";
1185
+ }
1186
+ .#{$icomoon-class-name}-picassa2:before {
1187
+ content: "\e77e";
1188
+ }
1189
+ .#{$icomoon-class-name}-dribbble:before {
1190
+ content: "\e77f";
1191
+ }
1192
+ .#{$icomoon-class-name}-dribbble2:before {
1193
+ content: "\e780";
1194
+ }
1195
+ .#{$icomoon-class-name}-dribbble3:before {
1196
+ content: "\e781";
1197
+ }
1198
+ .#{$icomoon-class-name}-forrst:before {
1199
+ content: "\e782";
1200
+ }
1201
+ .#{$icomoon-class-name}-forrst2:before {
1202
+ content: "\e783";
1203
+ }
1204
+ .#{$icomoon-class-name}-deviantart:before {
1205
+ content: "\e784";
1206
+ }
1207
+ .#{$icomoon-class-name}-deviantart2:before {
1208
+ content: "\e785";
1209
+ }
1210
+ .#{$icomoon-class-name}-steam:before {
1211
+ content: "\e786";
1212
+ }
1213
+ .#{$icomoon-class-name}-steam2:before {
1214
+ content: "\e787";
1215
+ }
1216
+ .#{$icomoon-class-name}-github:before {
1217
+ content: "\e788";
1218
+ }
1219
+ .#{$icomoon-class-name}-github2:before {
1220
+ content: "\e789";
1221
+ }
1222
+ .#{$icomoon-class-name}-github3:before {
1223
+ content: "\e78a";
1224
+ }
1225
+ .#{$icomoon-class-name}-github4:before {
1226
+ content: "\e78b";
1227
+ }
1228
+ .#{$icomoon-class-name}-github5:before {
1229
+ content: "\e78c";
1230
+ }
1231
+ .#{$icomoon-class-name}-wordpress:before {
1232
+ content: "\e78d";
1233
+ }
1234
+ .#{$icomoon-class-name}-wordpress2:before {
1235
+ content: "\e78e";
1236
+ }
1237
+ .#{$icomoon-class-name}-joomla:before {
1238
+ content: "\e78f";
1239
+ }
1240
+ .#{$icomoon-class-name}-blogger:before {
1241
+ content: "\e790";
1242
+ }
1243
+ .#{$icomoon-class-name}-blogger2:before {
1244
+ content: "\e791";
1245
+ }
1246
+ .#{$icomoon-class-name}-tumblr:before {
1247
+ content: "\e792";
1248
+ }
1249
+ .#{$icomoon-class-name}-tumblr2:before {
1250
+ content: "\e793";
1251
+ }
1252
+ .#{$icomoon-class-name}-yahoo:before {
1253
+ content: "\e794";
1254
+ }
1255
+ .#{$icomoon-class-name}-tux:before {
1256
+ content: "\e795";
1257
+ }
1258
+ .#{$icomoon-class-name}-apple:before {
1259
+ content: "\e796";
1260
+ }
1261
+ .#{$icomoon-class-name}-finder:before {
1262
+ content: "\e797";
1263
+ }
1264
+ .#{$icomoon-class-name}-android:before {
1265
+ content: "\e798";
1266
+ }
1267
+ .#{$icomoon-class-name}-windows:before {
1268
+ content: "\e799";
1269
+ }
1270
+ .#{$icomoon-class-name}-windows8:before {
1271
+ content: "\e79a";
1272
+ }
1273
+ .#{$icomoon-class-name}-soundcloud:before {
1274
+ content: "\e79b";
1275
+ }
1276
+ .#{$icomoon-class-name}-soundcloud2:before {
1277
+ content: "\e79c";
1278
+ }
1279
+ .#{$icomoon-class-name}-skype:before {
1280
+ content: "\e79d";
1281
+ }
1282
+ .#{$icomoon-class-name}-reddit:before {
1283
+ content: "\e79e";
1284
+ }
1285
+ .#{$icomoon-class-name}-linkedin:before {
1286
+ content: "\e79f";
1287
+ }
1288
+ .#{$icomoon-class-name}-lastfm:before {
1289
+ content: "\e7a0";
1290
+ }
1291
+ .#{$icomoon-class-name}-lastfm2:before {
1292
+ content: "\e7a1";
1293
+ }
1294
+ .#{$icomoon-class-name}-delicious:before {
1295
+ content: "\e7a2";
1296
+ }
1297
+ .#{$icomoon-class-name}-stumbleupon:before {
1298
+ content: "\e7a3";
1299
+ }
1300
+ .#{$icomoon-class-name}-stumbleupon2:before {
1301
+ content: "\e7a4";
1302
+ }
1303
+ .#{$icomoon-class-name}-stackoverflow:before {
1304
+ content: "\e7a5";
1305
+ }
1306
+ .#{$icomoon-class-name}-pinterest:before {
1307
+ content: "\e7a6";
1308
+ }
1309
+ .#{$icomoon-class-name}-pinterest2:before {
1310
+ content: "\e7a7";
1311
+ }
1312
+ .#{$icomoon-class-name}-xing:before {
1313
+ content: "\e7a8";
1314
+ }
1315
+ .#{$icomoon-class-name}-xing2:before {
1316
+ content: "\e7a9";
1317
+ }
1318
+ .#{$icomoon-class-name}-flattr:before {
1319
+ content: "\e7aa";
1320
+ }
1321
+ .#{$icomoon-class-name}-foursquare:before {
1322
+ content: "\e7ab";
1323
+ }
1324
+ .#{$icomoon-class-name}-foursquare2:before {
1325
+ content: "\e7ac";
1326
+ }
1327
+ .#{$icomoon-class-name}-paypal:before {
1328
+ content: "\e7ad";
1329
+ }
1330
+ .#{$icomoon-class-name}-paypal2:before {
1331
+ content: "\e7ae";
1332
+ }
1333
+ .#{$icomoon-class-name}-paypal3:before {
1334
+ content: "\e7af";
1335
+ }
1336
+ .#{$icomoon-class-name}-yelp:before {
1337
+ content: "\e7b0";
1338
+ }
1339
+ .#{$icomoon-class-name}-libreoffice:before {
1340
+ content: "\e7b1";
1341
+ }
1342
+ .#{$icomoon-class-name}-file-pdf:before {
1343
+ content: "\e7b2";
1344
+ }
1345
+ .#{$icomoon-class-name}-file-openoffice:before {
1346
+ content: "\e7b3";
1347
+ }
1348
+ .#{$icomoon-class-name}-file-word:before {
1349
+ content: "\e7b4";
1350
+ }
1351
+ .#{$icomoon-class-name}-file-excel:before {
1352
+ content: "\e7b5";
1353
+ }
1354
+ .#{$icomoon-class-name}-file-zip:before {
1355
+ content: "\e7b6";
1356
+ }
1357
+ .#{$icomoon-class-name}-file-powerpoint:before {
1358
+ content: "\e7b7";
1359
+ }
1360
+ .#{$icomoon-class-name}-file-xml:before {
1361
+ content: "\e7b8";
1362
+ }
1363
+ .#{$icomoon-class-name}-file-css:before {
1364
+ content: "\e7b9";
1365
+ }
1366
+ .#{$icomoon-class-name}-html5:before {
1367
+ content: "\e7ba";
1368
+ }
1369
+ .#{$icomoon-class-name}-html52:before {
1370
+ content: "\e7bb";
1371
+ }
1372
+ .#{$icomoon-class-name}-css3:before {
1373
+ content: "\e7bc";
1374
+ }
1375
+ .#{$icomoon-class-name}-chrome:before {
1376
+ content: "\e7bd";
1377
+ }
1378
+ .#{$icomoon-class-name}-firefox:before {
1379
+ content: "\e7be";
1380
+ }
1381
+ .#{$icomoon-class-name}-IE:before {
1382
+ content: "\e7bf";
1383
+ }
1384
+ .#{$icomoon-class-name}-opera:before {
1385
+ content: "\e7c0";
1386
+ }
1387
+ .#{$icomoon-class-name}-safari:before {
1388
+ content: "\e7c1";
1389
+ }
1390
+ .#{$icomoon-class-name}-IcoMoon:before {
1391
+ content: "\e7c2";
1392
+ }