better_styles 0.0.0.33

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +15 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +33 -0
  4. data/Rakefile +34 -0
  5. data/app/helpers/styles_helper.rb +33 -0
  6. data/assets/fonts/betterfonts/betterwork-icons.eot +0 -0
  7. data/assets/fonts/betterfonts/betterwork-icons.svg +368 -0
  8. data/assets/fonts/betterfonts/betterwork-icons.ttf +0 -0
  9. data/assets/fonts/betterfonts/betterwork-icons.woff +0 -0
  10. data/assets/fonts/betterfonts/icomoon.eot +0 -0
  11. data/assets/fonts/betterfonts/icomoon.svg +461 -0
  12. data/assets/fonts/betterfonts/icomoon.ttf +0 -0
  13. data/assets/fonts/betterfonts/icomoon.woff +0 -0
  14. data/assets/fonts/betterfonts/magicons-regular-webfont.eot +0 -0
  15. data/assets/fonts/betterfonts/magicons-regular-webfont.svg +461 -0
  16. data/assets/fonts/betterfonts/magicons-regular-webfont.ttf +0 -0
  17. data/assets/fonts/betterfonts/magicons-regular-webfont.woff +0 -0
  18. data/assets/fonts/betterfonts/newmagicons-regular-webfont.eot +0 -0
  19. data/assets/fonts/betterfonts/newmagicons-regular-webfont.svg +199 -0
  20. data/assets/fonts/betterfonts/newmagicons-regular-webfont.ttf +0 -0
  21. data/assets/fonts/betterfonts/newmagicons-regular-webfont.woff +0 -0
  22. data/assets/fonts/betterfonts/orderlifticons-webfont.eot +0 -0
  23. data/assets/fonts/betterfonts/orderlifticons-webfont.svg +172 -0
  24. data/assets/fonts/betterfonts/orderlifticons-webfont.ttf +0 -0
  25. data/assets/fonts/betterfonts/orderlifticons-webfont.woff +0 -0
  26. data/assets/images/better/arrows/arrow-round1-a.png +0 -0
  27. data/assets/images/better/arrows/arrow-round1-b.png +0 -0
  28. data/assets/images/better/arrows/arrow-round2-a.png +0 -0
  29. data/assets/images/better/arrows/arrow-round2-b.png +0 -0
  30. data/assets/images/better/arrows/arrow1-a.png +0 -0
  31. data/assets/images/better/arrows/arrow1-b.png +0 -0
  32. data/assets/images/better/arrows/arrow1.png +0 -0
  33. data/assets/images/better/arrows/arrow2-1.png +0 -0
  34. data/assets/images/better/arrows/arrow2-2.png +0 -0
  35. data/assets/images/better/arrows/arrow2-a.png +0 -0
  36. data/assets/images/better/arrows/arrow2-b.png +0 -0
  37. data/assets/images/better/arrows/arrow3-a.png +0 -0
  38. data/assets/images/better/arrows/arrow3-b.png +0 -0
  39. data/assets/images/better/arrows/arrow4-a.png +0 -0
  40. data/assets/images/better/arrows/arrow4-b.png +0 -0
  41. data/assets/images/better/arrows/arrow5-a.png +0 -0
  42. data/assets/images/better/arrows/arrow5-b.png +0 -0
  43. data/assets/images/better/arrows/arrow6-a.png +0 -0
  44. data/assets/images/better/arrows/arrow6-b.png +0 -0
  45. data/assets/images/better/helper/blank_10.png +0 -0
  46. data/assets/images/better/helper/crossed.png +0 -0
  47. data/assets/images/better/helper/white_10.png +0 -0
  48. data/assets/javascripts/better_styles.js.coffee +4 -0
  49. data/assets/javascripts/betterjs/forms/check_switch.js.coffee +25 -0
  50. data/assets/javascripts/betterjs/helper.js.coffee +74 -0
  51. data/assets/javascripts/betterjs/navigations/aside_link.js.coffee +9 -0
  52. data/assets/javascripts/betterjs/navigations/nav_list.js.coffee +19 -0
  53. data/assets/javascripts/betterjs/rails_ext/rails-ujs.js +479 -0
  54. data/assets/javascripts/betterjs/render_eco.js.coffee +9 -0
  55. data/assets/javascripts/betterjs/templates/fixed_aside_to_header.js.coffee +6 -0
  56. data/assets/javascripts/betterjs/templates/icon_aside.js.coffee +12 -0
  57. data/assets/javascripts/betterjs/templates/scroll_to_fix_aside.js +32 -0
  58. data/assets/javascripts/betterjs/twbs_ext/affix_2_1_0.js +103 -0
  59. data/assets/javascripts/betterjs/twbs_ext/affix_3_3_7.js +162 -0
  60. data/assets/javascripts/betterjs/twbs_ext/affix_ext.js +131 -0
  61. data/assets/stylesheets/better/content/_box.scss +46 -0
  62. data/assets/stylesheets/better/content/_buttons.scss +22 -0
  63. data/assets/stylesheets/better/content/_check_switch.scss +78 -0
  64. data/assets/stylesheets/better/content/_divider.scss +65 -0
  65. data/assets/stylesheets/better/content/_helpers.scss +85 -0
  66. data/assets/stylesheets/better/content/_pix.scss +70 -0
  67. data/assets/stylesheets/better/content/_typography.scss +44 -0
  68. data/assets/stylesheets/better/icons/bettericons.scss +419 -0
  69. data/assets/stylesheets/better/icons/icomoon.scss +1392 -0
  70. data/assets/stylesheets/better/icons/magicons.scss +705 -0
  71. data/assets/stylesheets/better/icons/orderlifticons.scss +300 -0
  72. data/assets/stylesheets/better/layout/_corset.scss +57 -0
  73. data/assets/stylesheets/better/layout/_fullpage_table.scss +185 -0
  74. data/assets/stylesheets/better/layout/_positioning.scss +62 -0
  75. data/assets/stylesheets/better/layout/_section.scss +220 -0
  76. data/assets/stylesheets/better/lib/_helpers.scss +67 -0
  77. data/assets/stylesheets/better/lib/_media_querries.scss +43 -0
  78. data/assets/stylesheets/better/lib/_nav.scss +31 -0
  79. data/assets/stylesheets/better/lib/_shadows.scss +247 -0
  80. data/assets/stylesheets/better/lib/_text.scss +66 -0
  81. data/assets/stylesheets/better/navigations/_aside_lnk.scss +100 -0
  82. data/assets/stylesheets/better/navigations/_nav_list.scss +177 -0
  83. data/assets/stylesheets/better/templates/_fixed_aside_to_header.scss +89 -0
  84. data/assets/stylesheets/better/templates/_icon_aside.scss +404 -0
  85. data/assets/stylesheets/better/templates/_scroll_to_fix_aside.scss +104 -0
  86. data/assets/stylesheets/better/variables/_color.scss +87 -0
  87. data/assets/stylesheets/better/variables/_typography.scss +59 -0
  88. data/assets/stylesheets/better/variables/_vars.scss +57 -0
  89. data/assets/stylesheets/better_styles.scss +44 -0
  90. data/assets/stylesheets/better_styles_min.scss +43 -0
  91. data/lib/better_styles.rb +64 -0
  92. data/lib/better_styles/engine.rb +25 -0
  93. data/lib/better_styles/version.rb +3 -0
  94. data/lib/tasks/better_styles_tasks.rake +4 -0
  95. metadata +181 -0
@@ -0,0 +1,46 @@
1
+ // resets & defaults
2
+ .box, .box > .header, .box > .body, .box > .footer {
3
+ display: block; position: relative;
4
+ margin: 0; padding: 0;
5
+ }
6
+
7
+
8
+ .box {
9
+ margin: 0 0 $vertical-spacing;
10
+ padding: 10px;
11
+ text-align: left;
12
+ background: #fff;
13
+ border: solid 1px $main-border-color;
14
+ border-radius: 3px;
15
+
16
+ & > .header {
17
+ padding: 0 10px 10px;
18
+ border-bottom: solid 1px $main-border-color;
19
+
20
+ & > h1, & > h2, & > h3, & > h4, & > h5, & > h6, & > p {
21
+ &:first-child { margin-top: 0; }
22
+ &:last-child { margin-bottom: 0; }
23
+ }
24
+ &.blank { border-bottom: solid 1px transparent; }
25
+ }
26
+ & > .sub-header {
27
+ padding: 10px;
28
+ background: #f4f4f4;
29
+ }
30
+ & > .body {
31
+ padding: 10px;
32
+ }
33
+ & > .footer {
34
+ border-top: solid 1px $main-border-color;
35
+ padding: 10px;
36
+ .btn { margin-top: 0; margin-bottom: 0; }
37
+ .row > * { margin-bottom: 0; }
38
+ }
39
+
40
+ &.blank { background: transparent; }
41
+ &.shadow { @include box-shadow( 0 3px 3px 0 rgba(0, 0, 0, 0.20) ); }
42
+
43
+ &.center { text-align: center; }
44
+ &.right { text-align: right; }
45
+
46
+ }
@@ -0,0 +1,22 @@
1
+ a.icn-lnk {
2
+ display: inline-block;
3
+ color: inherit;
4
+ transition: all .4s ease;
5
+ opacity: 0.8;
6
+ &:hover, &:focus, &:active {
7
+ text-decoration: none;
8
+ opacity: 1.0;
9
+ &, i { transform: scale(1.1); }
10
+ }
11
+ }
12
+
13
+ a.icn-lnk + a.icn-lnk {
14
+ margin-left: .1em;
15
+ }
16
+
17
+ a.silent-lnk {
18
+ color: inherit;
19
+ &:hover, &:focus, &:active {
20
+ text-decoration: underline;
21
+ }
22
+ }
@@ -0,0 +1,78 @@
1
+ .check_switch {
2
+ display: block; display: inline-block; position: relative;
3
+ margin: 2px 3px; padding: 0;
4
+ border-radius: 100px;
5
+ width: 34px;
6
+ height: 18px;
7
+ border: solid 1px #ccc;
8
+ background: #c5c5c5;
9
+ box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.5);
10
+ cursor: pointer;
11
+ .switch_toggle {
12
+ display: block; position: relative;
13
+ margin: 0; padding: 0;
14
+ width: 20px; height: 20px;
15
+ position: absolute;
16
+ left: -2px;
17
+ top: -2px;
18
+ background: #fff;
19
+ border-radius: 100px;
20
+ border: solid 1px #ccc;
21
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
22
+ background-color: #ffffff;
23
+ background-image: -webkit-linear-gradient(#ffffff, #e5e5e5);
24
+ background-image: linear-gradient(#ffffff, #e5e5e5);
25
+ }
26
+
27
+ input { display: none; }
28
+
29
+ &.on, &.active {
30
+
31
+ background: $brand-success;
32
+ .switch_toggle{
33
+ left: auto;
34
+ right: -2px;
35
+ }
36
+
37
+ }
38
+ }
39
+
40
+ .radio_switch {
41
+ display: block; display: inline-block; position: relative;
42
+ margin: 4px 3px; padding: 0;
43
+ border-radius: 100px;
44
+ width: 16px; height: 16px;
45
+ border: solid 1px #ccc;
46
+ background: #c5c5c5;
47
+ box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.5);
48
+ cursor: pointer;
49
+ .switch_toggle {
50
+ display: block; position: relative;
51
+ margin: 0; padding: 0;
52
+ width: 4px; height: 4px;
53
+ position: absolute;
54
+ left: 5px;
55
+ top: 5px;
56
+ background: transparent;
57
+ border-radius: 100px;
58
+ border: none;
59
+ }
60
+
61
+ input { display: none; }
62
+
63
+ &.on, &.active {
64
+
65
+ background: $brand-success;
66
+ .switch_toggle{
67
+ background: #fff;
68
+ opacity: .3;
69
+ }
70
+
71
+ }
72
+ }
73
+
74
+ label.switch_label {
75
+ display: block; position: relative;
76
+ margin: 0; padding: 0;
77
+ line-height: 28px;
78
+ }
@@ -0,0 +1,65 @@
1
+ .divider {
2
+ display: block; position: relative;
3
+ padding: 0;
4
+ overflow: hidden;
5
+ text-align: center;
6
+ &, & > * { background: transparent; }
7
+ & > * {
8
+ position: relative;
9
+ margin: 0 auto;
10
+ // do not disturb button padding
11
+ &:not(.btn) { padding: 0; }
12
+ &:not(.btn-divided), &:not(.btn-splited) { display: block; display: inline-block; }
13
+ &.btn-divided, &.btn-splited {
14
+ max-width: 50%;
15
+ margin: 0 auto;
16
+ }
17
+ &:before, &:after {
18
+ display: block; position: absolute; content: "";
19
+ margin: 0; padding: 0;
20
+ top: 50%;
21
+ width: 1200px; // make it big to fill big screens as well
22
+ }
23
+ &:before { left: 100%; margin-left: $divider-horizontal-spacing; }
24
+ &:after { right: 100%; margin-right: $divider-horizontal-spacing; }
25
+ }
26
+
27
+ &.left {
28
+ text-align: left;
29
+ &:before { width: 2200px; }
30
+ &:after { display: none; }
31
+ }
32
+ }
33
+
34
+ hr {
35
+ display: block; position: relative;
36
+ margin: 0; padding: 0;
37
+ height: 0;
38
+ }
39
+
40
+
41
+ // margin
42
+ hr, .divider { @include vertical-margin( $divider-vertical-spacing ); }
43
+
44
+ // line-colors
45
+ hr, .divider > *:before, .divider > *:after {
46
+ border: none;
47
+ border-top: solid 1px $divider-top-color;
48
+ border-bottom: solid 1px $divider-bottom-color;
49
+ }
50
+
51
+ // sizes
52
+ hr, .divider {
53
+
54
+ &.half, &.tight { @include horizontal-margin( auto ); }
55
+ &.half { width: 50%; }
56
+ &.tight { width: 80%; }
57
+
58
+ &.no-press { margin: 0; }
59
+ &.no-press-top, &.no-top-press { margin-top: 0; }
60
+ &.no-press-bottom, &.no-bottom-press { margin-bottom: 0; }
61
+
62
+ &.half-press, &.press-half { @include vertical-margin( $divider-vertical-spacing / 2 ); }
63
+
64
+
65
+ }
@@ -0,0 +1,85 @@
1
+ @include responsiveStep-xs-only {
2
+ .press-xs { margin-bottom: $vertical-spacing; }
3
+ .hide-xs { display: none !important; }
4
+ }
5
+
6
+ @include responsiveStep-sm-only {
7
+ .press-sm { margin-bottom: $vertical-spacing; }
8
+ .hide-sm { display: none !important; }
9
+ }
10
+
11
+ @include responsiveStep-md-only {
12
+ .press-md { margin-bottom: $vertical-spacing; }
13
+ .hide-md { display: none !important; }
14
+ }
15
+
16
+ @include responsiveStep-lg-only {
17
+ .press-lg { margin-bottom: $vertical-spacing; }
18
+ .hide-lg { display: none !important; }
19
+ }
20
+
21
+
22
+ .press { margin-bottom: $vertical-spacing !important; }
23
+ .half-press, .press-half { margin-bottom: $vertical-spacing-half !important; }
24
+ .no-press, .no_press { margin-bottom: 0 !important; }
25
+
26
+
27
+ .left_text { text-align: left !important; }
28
+ .center_text { text-align: center !important; }
29
+ .right_text { text-align: right !important; }
30
+
31
+ .pull-left { float: left; }
32
+ .pull-right { float: right; }
33
+ .no-pull { float: none; }
34
+
35
+
36
+ @each $size in 0, 5, 10, 15, 20, 30, 40, 50 {
37
+
38
+ .padding_#{$size}, .p#{$size} { padding: #{$size}px; }
39
+ .v_padding_#{$size}, .vp#{$size} { padding-top: #{$size}px; padding-bottom: #{$size}px; }
40
+ .h_padding_#{$size}, .hp#{$size} { padding-left: #{$size}px; padding-right: #{$size}px; }
41
+
42
+ .margin_#{$size}, .m#{$size} { margin: #{$size}px; }
43
+ .v_margin_#{$size}, .vm#{$size} { margin-top: #{$size}px; margin-bottom: #{$size}px; }
44
+ .h_margin_#{$size}, .hm#{$size} { margin-left: #{$size}px; margin-right: #{$size}px; }
45
+
46
+ }
47
+
48
+ @each $clrName, $clrValue in $appColorz {
49
+ .#{"" + $clrName}-bg, .bg-#{"" + $clrName} {
50
+ background: #{ $clrValue };
51
+ }
52
+ .#{"" + $clrName}-text, .text-#{"" + $clrName},
53
+ .txt-#{"" + $clrName}, .#{"" + $clrName}-txt,
54
+ .clr-#{"" + $clrName}, .#{"" + $clrName}-clr,
55
+ .color-#{"" + $clrName}, .#{"" + $clrName}-color {
56
+ color: #{ $clrValue } !important;
57
+ }
58
+ }
59
+
60
+
61
+ .third, .third1 { width: 33.33333%; max-width: 33.33333%; }
62
+ .third2 { width: 66.66666%; max-width: 66.66666%; }
63
+ .thirty { width: 50%; max-width: 50%; }
64
+ .fourty { width: 50%; max-width: 50%; }
65
+ .fivty { width: 50%; max-width: 50%; }
66
+ .sixty { width: 60%; max-width: 60%; }
67
+ .seventy { width: 70%; max-width: 70%; }
68
+ .eighty { width: 80%; max-width: 80%; }
69
+ .ninty { width: 90%; max-width: 90%; }
70
+ .third, .third1, .third2, .thirty, .fourty, .fivty, .sixty, .seventy, .eighty, .ninty {
71
+ @include horizontal-margin( auto );
72
+ }
73
+
74
+ // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
75
+
76
+ // Row with equal height columns
77
+ // http://getbootstrap.com.vn/examples/equal-height-columns/
78
+ .row-eq-height {
79
+ display: -webkit-box;
80
+ display: -webkit-flex;
81
+ display: -ms-flexbox;
82
+ display: flex;
83
+ }
84
+
85
+ // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -0,0 +1,70 @@
1
+ $line-height-computed: 20px;
2
+
3
+ img.responsive {
4
+ width: 100%; max-width: 100%;
5
+ }
6
+
7
+
8
+
9
+ img.avatar, img.logo {
10
+ width: 30px;
11
+ vertical-align: top;
12
+ display: inline-block;
13
+ &.big {
14
+ width: auto;
15
+ max-width: 120px;
16
+ border-radius: 80px;
17
+ }
18
+ &.xs { width: 18px; }
19
+ &.sm { width: 24px; }
20
+ &.lg { width: 40px; }
21
+ &.xl { width: 60px; }
22
+ &.xxl { width: 80px; }
23
+ }
24
+ img.avatar { border-radius: 60px; }
25
+ img.logo { border-radius: 5px; }
26
+
27
+
28
+
29
+ .image-card, .image_card {
30
+ display: block; position: relative;
31
+ margin: 0; padding: 0 0 0 #{ $line-height-computed * 2 + 8px };
32
+ text-align: left;
33
+ img {
34
+ display: block; position: absolute;
35
+ top: 0; left: 0;
36
+ width: $line-height-computed * 2;
37
+ }
38
+ p {
39
+ line-height: $line-height-computed;
40
+ margin: 0;
41
+ }
42
+ &.one_line, &.one-line {
43
+ $size: $line-height-computed * 2;
44
+ padding-left: $size + 8px;
45
+ img { width: $size; }
46
+ p { line-height: $size; }
47
+ }
48
+
49
+ &.img-sm {
50
+ $size: $line-height-computed * 1.5;
51
+ padding-left: $size + 8px;
52
+ img { width: $line-height-computed * 1.5; }
53
+ p { line-height: $size; }
54
+ }
55
+ }
56
+ a.image-card, a.image_card {
57
+ text-decoration: none;
58
+ &:hover {
59
+ text-decoration: none;
60
+ color: $blue;
61
+ }
62
+ }
63
+
64
+
65
+
66
+ .huge-icon {
67
+ font-size: 120px;
68
+ line-height: 150px;
69
+ }
70
+
@@ -0,0 +1,44 @@
1
+ @each $txtName, $txtSize in $textSizes {
2
+ // .#{$txtName}, .txt-#{$txtName}, .#{$txtName}-txt {
3
+ .txt-#{$txtName}, .#{$txtName}-txt,
4
+ .text-#{$txtName}, .#{$txtName}-text {
5
+ font-size: #{ $txtSize };
6
+ color: $text-black;
7
+ font-weight: map-get($textWeights, $txtName);
8
+ &.secondary, &.light { color: $text-gray; }
9
+ &.disabled, &.lighter, &.off { color: $text-gray-light; }
10
+ &.bold, &.strong, & > b, & > strong { font-weight: map-get($textBoldWeights, $txtName); }
11
+ }
12
+ }
13
+
14
+
15
+ // Bold text
16
+ // strong, *.bold, label, th { font-weight: $bold !important; }
17
+ strong, *.bold, *.strong { font-weight: $bold !important; }
18
+
19
+ // Semi-Bold text
20
+ .semi { font-weight: $semi !important; }
21
+
22
+ // Semi-Bold text
23
+ .regular { font-weight: $regular !important; }
24
+
25
+ // Semi-Bold text
26
+ .thin { font-weight: $thin !important; }
27
+
28
+ // Semi-Bold text
29
+ .italic { font-style: italic !important; }
30
+
31
+ // Monospace Font
32
+ .mono { font-family: $monoFontFamily; }
33
+
34
+ // upcased text
35
+ @mixin upcase {
36
+ text-transform: uppercase;
37
+ // letter-spacing: 2px;
38
+ // word-spacing: 3px;
39
+ letter-spacing: .05em;
40
+ word-spacing: .1em;
41
+ }
42
+ .upcase {
43
+ @include upcase;
44
+ }
@@ -0,0 +1,419 @@
1
+ //** Load fonts from this directory.
2
+ $bettericons-font-path: "/assets/betterfonts/";
3
+ //** File name for all font files.
4
+ $bettericons-font-name: "betterwork-icons";
5
+ //** Element ID within SVG icon file.
6
+ $bettericons-font-svg-id: "betterwork-icons";
7
+
8
+ $bettericons-class-name: "bettericon";
9
+
10
+
11
+ @font-face {
12
+ font-family: 'betterwork-icons';
13
+ src: asset-url('#{$bettericons-font-path}#{$bettericons-font-name}.eot');
14
+ }
15
+
16
+ @font-face {
17
+ font-family: 'betterwork-icons';
18
+ src: asset-url('#{$bettericons-font-path}#{$bettericons-font-name}.woff') format('woff'),
19
+ asset-url('#{$bettericons-font-path}#{$bettericons-font-name}.ttf') format('truetype'),
20
+ asset-url('#{$bettericons-font-path}#{$bettericons-font-name}.svg##{$bettericons-font-svg-id}') format('svg');
21
+ font-weight: normal;
22
+ font-style: normal;
23
+
24
+ }
25
+
26
+
27
+
28
+ // [class^="#{$bettericons-class-name}-"]:before,
29
+ // [class*=" #{$bettericons-class-name}-"]:before {
30
+ // font-family: 'betterwork-icons';
31
+ // font-weight: normal;
32
+ // font-style: normal;
33
+ // font-size: 1.4em; // make them bigger
34
+ // display: block;
35
+ // position: relative;
36
+ // // top: 0; right: 0; bottom: 0; left: 0;
37
+ // text-decoration: inherit;
38
+ // vertical-align: middle;
39
+ // line-height: .9em;
40
+ // color: inherit;
41
+ //
42
+ // // make icons thinner in webkit (white icons on dark background)
43
+ // text-shadow: 0 0 0 rgba(0,0,0,.01);
44
+ // -webkit-font-smoothing: antialiased;
45
+ // text-rendering: optimizelegibility;
46
+ //
47
+ // outline: none;
48
+ // border: none;
49
+ // }
50
+
51
+
52
+
53
+ [class^="#{$bettericons-class-name}-"], [class*=" #{$bettericons-class-name}-"] {
54
+ /* use !important to prevent issues with browser extensions that change fonts */
55
+ font-family: 'betterwork-icons' !important;
56
+ speak: none;
57
+ font-style: normal;
58
+ font-weight: normal;
59
+ font-variant: normal;
60
+ text-transform: none;
61
+ line-height: 1;
62
+
63
+ /* Make them bigger =========== */
64
+ font-size: 1.4em;
65
+ vertical-align: middle;
66
+ line-height: .9em;
67
+ &:before { vertical-align: text-top; }
68
+
69
+ /* Better Font Rendering =========== */
70
+ -webkit-font-smoothing: antialiased;
71
+ -moz-osx-font-smoothing: grayscale;
72
+ }
73
+
74
+
75
+
76
+ .#{$bettericons-class-name}-eye:before { content: "\e900"; }
77
+ .#{$bettericons-class-name}-eye-blind:before { content: "\e901"; }
78
+ .#{$bettericons-class-name}-lightbulb:before { content: "\e902"; }
79
+ .#{$bettericons-class-name}-bell:before { content: "\e903"; }
80
+ .#{$bettericons-class-name}-alarm:before { content: "\e904"; }
81
+ .#{$bettericons-class-name}-watch:before { content: "\e905"; }
82
+ .#{$bettericons-class-name}-clock:before { content: "\e906"; }
83
+ .#{$bettericons-class-name}-clock2:before { content: "\e907"; }
84
+ .#{$bettericons-class-name}-sandglas:before { content: "\e908"; }
85
+ .#{$bettericons-class-name}-briefcase:before { content: "\e909"; }
86
+ .#{$bettericons-class-name}-bookmark:before { content: "\e90a"; }
87
+ .#{$bettericons-class-name}-cap-academic:before { content: "\e90b"; }
88
+ .#{$bettericons-class-name}-support:before { content: "\e90c"; }
89
+ .#{$bettericons-class-name}-camera:before { content: "\e90d"; }
90
+ .#{$bettericons-class-name}-camera-front:before { content: "\e90e"; }
91
+ .#{$bettericons-class-name}-camera-selfi:before { content: "\e90f"; }
92
+ .#{$bettericons-class-name}-camera-plus:before { content: "\e910"; }
93
+ .#{$bettericons-class-name}-analytics-bars:before { content: "\e911"; }
94
+ .#{$bettericons-class-name}-analytics-bars2:before { content: "\e912"; }
95
+ .#{$bettericons-class-name}-analytics-pie:before { content: "\e913"; }
96
+ .#{$bettericons-class-name}-analytics:before { content: "\e914"; }
97
+ .#{$bettericons-class-name}-app-icon-badge:before { content: "\e915"; }
98
+ .#{$bettericons-class-name}-arrow1-up:before { content: "\e916"; }
99
+ .#{$bettericons-class-name}-arrow1-down:before { content: "\e917"; }
100
+ .#{$bettericons-class-name}-arrow1-right:before { content: "\e918"; }
101
+ .#{$bettericons-class-name}-arrow1-left:before { content: "\e919"; }
102
+ .#{$bettericons-class-name}-arrow1-up-right:before { content: "\e91a"; }
103
+ .#{$bettericons-class-name}-arrow1-down-right:before { content: "\e91b"; }
104
+ .#{$bettericons-class-name}-arrow1-down-left:before { content: "\e91c"; }
105
+ .#{$bettericons-class-name}-arrow1-up-left:before { content: "\e91d"; }
106
+ .#{$bettericons-class-name}-arrow2-up:before { content: "\e91e"; }
107
+ .#{$bettericons-class-name}-arrow2-down:before { content: "\e91f"; }
108
+ .#{$bettericons-class-name}-arrow2-right:before { content: "\e920"; }
109
+ .#{$bettericons-class-name}-arrow2-left:before { content: "\e921"; }
110
+ .#{$bettericons-class-name}-arrow2-up-right:before { content: "\e922"; }
111
+ .#{$bettericons-class-name}-arrow2-down-right:before { content: "\e923"; }
112
+ .#{$bettericons-class-name}-arrow2-down-left:before { content: "\e924"; }
113
+ .#{$bettericons-class-name}-arrow2-up-left:before { content: "\e925"; }
114
+ .#{$bettericons-class-name}-arrow3-up:before { content: "\e926"; }
115
+ .#{$bettericons-class-name}-arrow3-down:before { content: "\e927"; }
116
+ .#{$bettericons-class-name}-arrow3-right:before { content: "\e928"; }
117
+ .#{$bettericons-class-name}-arrow3-left:before { content: "\e929"; }
118
+ .#{$bettericons-class-name}-plus:before { content: "\e92a"; }
119
+ .#{$bettericons-class-name}-minus:before { content: "\e92b"; }
120
+ .#{$bettericons-class-name}-close:before { content: "\e92c"; }
121
+ .#{$bettericons-class-name}-checked:before { content: "\e92d"; }
122
+ .#{$bettericons-class-name}-information:before { content: "\e92e"; }
123
+ .#{$bettericons-class-name}-exclamation:before { content: "\e92f"; }
124
+ .#{$bettericons-class-name}-question:before { content: "\e930"; }
125
+ .#{$bettericons-class-name}-arrow1-up-half:before { content: "\e931"; }
126
+ .#{$bettericons-class-name}-arrow1-down-half:before { content: "\e932"; }
127
+ .#{$bettericons-class-name}-arrow1-right-half:before { content: "\e933"; }
128
+ .#{$bettericons-class-name}-arrow1-left-half:before { content: "\e934"; }
129
+ .#{$bettericons-class-name}-arrow1-up-right-half:before { content: "\e935"; }
130
+ .#{$bettericons-class-name}-arrow1-down-right-half:before { content: "\e936"; }
131
+ .#{$bettericons-class-name}-arrow1-down-left-half:before { content: "\e937"; }
132
+ .#{$bettericons-class-name}-arrow1-up-left-half:before { content: "\e938"; }
133
+ .#{$bettericons-class-name}-arrow2-up-half:before { content: "\e939"; }
134
+ .#{$bettericons-class-name}-arrow2-down-half:before { content: "\e93a"; }
135
+ .#{$bettericons-class-name}-arrow2-right-half:before { content: "\e93b"; }
136
+ .#{$bettericons-class-name}-arrow2-left-half:before { content: "\e93c"; }
137
+ .#{$bettericons-class-name}-arrow2-up-right-half:before { content: "\e93d"; }
138
+ .#{$bettericons-class-name}-arrow2-down-right-half:before { content: "\e93e"; }
139
+ .#{$bettericons-class-name}-arrow2-down-left-half:before { content: "\e93f"; }
140
+ .#{$bettericons-class-name}-arrow2-up-left-half:before { content: "\e940"; }
141
+ .#{$bettericons-class-name}-arrow3-up-half:before { content: "\e941"; }
142
+ .#{$bettericons-class-name}-arrow3-down-half:before { content: "\e942"; }
143
+ .#{$bettericons-class-name}-arrow3-right-half:before { content: "\e943"; }
144
+ .#{$bettericons-class-name}-arrow3-left-half:before { content: "\e944"; }
145
+ .#{$bettericons-class-name}-plus-half:before { content: "\e945"; }
146
+ .#{$bettericons-class-name}-minus-half:before { content: "\e946"; }
147
+ .#{$bettericons-class-name}-checked-half:before { content: "\e947"; }
148
+ .#{$bettericons-class-name}-close-half:before { content: "\e948"; }
149
+ .#{$bettericons-class-name}-information-half:before { content: "\e949"; }
150
+ .#{$bettericons-class-name}-exclamation-half:before { content: "\e94a"; }
151
+ .#{$bettericons-class-name}-question-half:before { content: "\e94b"; }
152
+ .#{$bettericons-class-name}-arrow1-up-circle:before { content: "\e94c"; }
153
+ .#{$bettericons-class-name}-arrow1-down-circle:before { content: "\e94d"; }
154
+ .#{$bettericons-class-name}-arrow1-right-circle:before { content: "\e94e"; }
155
+ .#{$bettericons-class-name}-arrow1-left-circle:before { content: "\e94f"; }
156
+ .#{$bettericons-class-name}-arrow1-up-right-circle:before { content: "\e950"; }
157
+ .#{$bettericons-class-name}-arrow1-down-right-circle:before { content: "\e951"; }
158
+ .#{$bettericons-class-name}-arrow1-down-left-circle:before { content: "\e952"; }
159
+ .#{$bettericons-class-name}-arrow1-up-left-circle:before { content: "\e953"; }
160
+ .#{$bettericons-class-name}-arrow2-up-circle:before { content: "\e954"; }
161
+ .#{$bettericons-class-name}-arrow2-down-circle:before { content: "\e955"; }
162
+ .#{$bettericons-class-name}-arrow2-right-circle:before { content: "\e956"; }
163
+ .#{$bettericons-class-name}-arrow2-left-circle:before { content: "\e957"; }
164
+ .#{$bettericons-class-name}-arrow2-up-right-circle:before { content: "\e958"; }
165
+ .#{$bettericons-class-name}-arrow2-down-right-circle:before { content: "\e959"; }
166
+ .#{$bettericons-class-name}-arrow2-down-left-circle:before { content: "\e95a"; }
167
+ .#{$bettericons-class-name}-arrow2-up-left-circle:before { content: "\e95b"; }
168
+ .#{$bettericons-class-name}-arrow3-up-circle:before { content: "\e95c"; }
169
+ .#{$bettericons-class-name}-arrow3-down-circle:before { content: "\e95d"; }
170
+ .#{$bettericons-class-name}-arrow3-right-circle:before { content: "\e95e"; }
171
+ .#{$bettericons-class-name}-arrow3-left-circle:before { content: "\e95f"; }
172
+ .#{$bettericons-class-name}-plus-circle:before { content: "\e960"; }
173
+ .#{$bettericons-class-name}-minus-circle:before { content: "\e961"; }
174
+ .#{$bettericons-class-name}-close-circle:before { content: "\e962"; }
175
+ .#{$bettericons-class-name}-checked-circle:before { content: "\e963"; }
176
+ .#{$bettericons-class-name}-information-circle:before { content: "\e964"; }
177
+ .#{$bettericons-class-name}-exclamation-circle:before { content: "\e965"; }
178
+ .#{$bettericons-class-name}-question-circle:before { content: "\e966"; }
179
+ .#{$bettericons-class-name}-calender:before { content: "\e967"; }
180
+ .#{$bettericons-class-name}-calender-day:before { content: "\e968"; }
181
+ .#{$bettericons-class-name}-calender-week:before { content: "\e969"; }
182
+ .#{$bettericons-class-name}-calender-month:before { content: "\e96a"; }
183
+ .#{$bettericons-class-name}-calender-list:before { content: "\e96b"; }
184
+ .#{$bettericons-class-name}-calender-month-checked:before { content: "\e96c"; }
185
+ .#{$bettericons-class-name}-calender-checked:before { content: "\e96d"; }
186
+ .#{$bettericons-class-name}-at-circle:before { content: "\e96e"; }
187
+ .#{$bettericons-class-name}-at:before { content: "\e96f"; }
188
+ .#{$bettericons-class-name}-battery:before { content: "\e970"; }
189
+ .#{$bettericons-class-name}-battery-low:before { content: "\e971"; }
190
+ .#{$bettericons-class-name}-battery-half:before { content: "\e972"; }
191
+ .#{$bettericons-class-name}-battery-full:before { content: "\e973"; }
192
+ .#{$bettericons-class-name}-book:before { content: "\e974"; }
193
+ .#{$bettericons-class-name}-book2-bookmark:before { content: "\e975"; }
194
+ .#{$bettericons-class-name}-book2:before { content: "\e976"; }
195
+ .#{$bettericons-class-name}-book3-bookmark:before { content: "\e977"; }
196
+ .#{$bettericons-class-name}-book3:before { content: "\e978"; }
197
+ .#{$bettericons-class-name}-calculator:before { content: "\e979"; }
198
+ .#{$bettericons-class-name}-calculator2:before { content: "\e97a"; }
199
+ .#{$bettericons-class-name}-calculator3:before { content: "\e97b"; }
200
+ .#{$bettericons-class-name}-phone:before { content: "\e97c"; }
201
+ .#{$bettericons-class-name}-call-end:before { content: "\e97d"; }
202
+ .#{$bettericons-class-name}-call-answer:before { content: "\e97e"; }
203
+ .#{$bettericons-class-name}-phone2:before { content: "\e97f"; }
204
+ .#{$bettericons-class-name}-call-end-circle:before { content: "\e980"; }
205
+ .#{$bettericons-class-name}-call-answer-circle:before { content: "\e981"; }
206
+ .#{$bettericons-class-name}-catalog2:before { content: "\e982"; }
207
+ .#{$bettericons-class-name}-catalog:before { content: "\e983"; }
208
+ .#{$bettericons-class-name}-change:before { content: "\e984"; }
209
+ .#{$bettericons-class-name}-change2:before { content: "\e985"; }
210
+ .#{$bettericons-class-name}-change3:before { content: "\e986"; }
211
+ .#{$bettericons-class-name}-cloud-checked:before { content: "\e987"; }
212
+ .#{$bettericons-class-name}-cloud-lock:before { content: "\e988"; }
213
+ .#{$bettericons-class-name}-cloud-sync:before { content: "\e989"; }
214
+ .#{$bettericons-class-name}-cloud:before { content: "\e98a"; }
215
+ .#{$bettericons-class-name}-house:before { content: "\e98b"; }
216
+ .#{$bettericons-class-name}-company-office:before { content: "\e98c"; }
217
+ .#{$bettericons-class-name}-company-producer:before { content: "\e98d"; }
218
+ .#{$bettericons-class-name}-company-shop:before { content: "\e98e"; }
219
+ .#{$bettericons-class-name}-envelope2:before { content: "\e98f"; }
220
+ .#{$bettericons-class-name}-envelope-open:before { content: "\e990"; }
221
+ .#{$bettericons-class-name}-envelope:before { content: "\e991"; }
222
+ .#{$bettericons-class-name}-email-send:before { content: "\e992"; }
223
+ .#{$bettericons-class-name}-euro:before { content: "\e993"; }
224
+ .#{$bettericons-class-name}-exit-in:before { content: "\e994"; }
225
+ .#{$bettericons-class-name}-exit-out:before { content: "\e995"; }
226
+ .#{$bettericons-class-name}-exit:before { content: "\e996"; }
227
+ .#{$bettericons-class-name}-exit2:before { content: "\e997"; }
228
+ .#{$bettericons-class-name}-figure-run-left:before { content: "\e998"; }
229
+ .#{$bettericons-class-name}-figure-run-right:before { content: "\e999"; }
230
+ .#{$bettericons-class-name}-file-ai:before { content: "\e99a"; }
231
+ .#{$bettericons-class-name}-file-cdr:before { content: "\e99b"; }
232
+ .#{$bettericons-class-name}-file-eps:before { content: "\e99c"; }
233
+ .#{$bettericons-class-name}-file-image:before { content: "\e99d"; }
234
+ .#{$bettericons-class-name}-file-jpg:before { content: "\e99e"; }
235
+ .#{$bettericons-class-name}-file-pdf:before { content: "\e99f"; }
236
+ .#{$bettericons-class-name}-file-psd:before { content: "\e9a0"; }
237
+ .#{$bettericons-class-name}-file-svg:before { content: "\e9a1"; }
238
+ .#{$bettericons-class-name}-folder:before { content: "\e9a2"; }
239
+ .#{$bettericons-class-name}-flag:before { content: "\e9a3"; }
240
+ .#{$bettericons-class-name}-label:before { content: "\e9a4"; }
241
+ .#{$bettericons-class-name}-gift:before { content: "\e9a5"; }
242
+ .#{$bettericons-class-name}-earth:before { content: "\e9a6"; }
243
+ .#{$bettericons-class-name}-globe:before { content: "\e9a7"; }
244
+ .#{$bettericons-class-name}-globe2:before { content: "\e9a8"; }
245
+ .#{$bettericons-class-name}-hand-inside-down:before { content: "\e9a9"; }
246
+ .#{$bettericons-class-name}-hand-inside-fuck:before { content: "\e9aa"; }
247
+ .#{$bettericons-class-name}-hand-inside-fuck2:before { content: "\e9ab"; }
248
+ .#{$bettericons-class-name}-hand-inside-left:before { content: "\e9ac"; }
249
+ .#{$bettericons-class-name}-hand-inside-right:before { content: "\e9ad"; }
250
+ .#{$bettericons-class-name}-hand-inside-rock:before { content: "\e9ae"; }
251
+ .#{$bettericons-class-name}-hand-inside-rock2:before { content: "\e9af"; }
252
+ .#{$bettericons-class-name}-hand-inside-up:before { content: "\e9b0"; }
253
+ .#{$bettericons-class-name}-hand-ouside-fuck:before { content: "\e9b1"; }
254
+ .#{$bettericons-class-name}-hand-ouside-fuck2:before { content: "\e9b2"; }
255
+ .#{$bettericons-class-name}-hearth:before { content: "\e9b3"; }
256
+ .#{$bettericons-class-name}-identification:before { content: "\e9b4"; }
257
+ .#{$bettericons-class-name}-layers:before { content: "\e9b5"; }
258
+ .#{$bettericons-class-name}-link-in:before { content: "\e9b6"; }
259
+ .#{$bettericons-class-name}-link-out:before { content: "\e9b7"; }
260
+ .#{$bettericons-class-name}-location:before { content: "\e9b8"; }
261
+ .#{$bettericons-class-name}-location-off:before { content: "\e9b9"; }
262
+ .#{$bettericons-class-name}-map:before { content: "\e9ba"; }
263
+ .#{$bettericons-class-name}-lock:before { content: "\e9bb"; }
264
+ .#{$bettericons-class-name}-lock-open:before { content: "\e9bc"; }
265
+ .#{$bettericons-class-name}-lock-open2:before { content: "\e9bd"; }
266
+ .#{$bettericons-class-name}-log-out:before { content: "\e9be"; }
267
+ .#{$bettericons-class-name}-log-out2:before { content: "\e9bf"; }
268
+ .#{$bettericons-class-name}-loop:before { content: "\e9c0"; }
269
+ .#{$bettericons-class-name}-loop2:before { content: "\e9c1"; }
270
+ .#{$bettericons-class-name}-loop3:before { content: "\e9c2"; }
271
+ .#{$bettericons-class-name}-message:before { content: "\e9c3"; }
272
+ .#{$bettericons-class-name}-messages:before { content: "\e9c4"; }
273
+ .#{$bettericons-class-name}-message-photo:before { content: "\e9c5"; }
274
+ .#{$bettericons-class-name}-message-checked:before { content: "\e9c6"; }
275
+ .#{$bettericons-class-name}-comment:before { content: "\e9c7"; }
276
+ .#{$bettericons-class-name}-comments:before { content: "\e9c8"; }
277
+ .#{$bettericons-class-name}-money-euro:before { content: "\e9c9"; }
278
+ .#{$bettericons-class-name}-money-dollar:before { content: "\e9ca"; }
279
+ .#{$bettericons-class-name}-more-horizontal-small:before { content: "\e9cb"; }
280
+ .#{$bettericons-class-name}-more-vertical-small:before { content: "\e9cc"; }
281
+ .#{$bettericons-class-name}-more-horizontal-large:before { content: "\e9cd"; }
282
+ .#{$bettericons-class-name}-more-vertical-large:before { content: "\e9ce"; }
283
+ .#{$bettericons-class-name}-on-off:before { content: "\e9cf"; }
284
+ .#{$bettericons-class-name}-paper:before { content: "\e9d0"; }
285
+ .#{$bettericons-class-name}-papers:before { content: "\e9d1"; }
286
+ .#{$bettericons-class-name}-paper-checked:before { content: "\e9d2"; }
287
+ .#{$bettericons-class-name}-paper-text:before { content: "\e9d3"; }
288
+ .#{$bettericons-class-name}-paper-men:before { content: "\e9d4"; }
289
+ .#{$bettericons-class-name}-paper-men2:before { content: "\e9d5"; }
290
+ .#{$bettericons-class-name}-paper-question:before { content: "\e9d6"; }
291
+ .#{$bettericons-class-name}-paper-star:before { content: "\e9d7"; }
292
+ .#{$bettericons-class-name}-paper-sync:before { content: "\e9d8"; }
293
+ .#{$bettericons-class-name}-paper-euro:before { content: "\e9d9"; }
294
+ .#{$bettericons-class-name}-paperclip:before { content: "\e9da"; }
295
+ .#{$bettericons-class-name}-paperclip2:before { content: "\e9db"; }
296
+ .#{$bettericons-class-name}-paperplane:before { content: "\e9dc"; }
297
+ .#{$bettericons-class-name}-paperplane2:before { content: "\e9dd"; }
298
+ .#{$bettericons-class-name}-pencil:before { content: "\e9de"; }
299
+ .#{$bettericons-class-name}-pencil-star:before { content: "\e9df"; }
300
+ .#{$bettericons-class-name}-pencil-magic:before { content: "\e9e0"; }
301
+ .#{$bettericons-class-name}-pencil-plus:before { content: "\e9e1"; }
302
+ .#{$bettericons-class-name}-pin:before { content: "\e9e2"; }
303
+ .#{$bettericons-class-name}-pin2:before { content: "\e9e3"; }
304
+ .#{$bettericons-class-name}-picture:before { content: "\e9e4"; }
305
+ .#{$bettericons-class-name}-picture-plus:before { content: "\e9e5"; }
306
+ .#{$bettericons-class-name}-flash-on:before { content: "\e9e6"; }
307
+ .#{$bettericons-class-name}-flash-off:before { content: "\e9e7"; }
308
+ .#{$bettericons-class-name}-printer:before { content: "\e9e8"; }
309
+ .#{$bettericons-class-name}-laptop:before { content: "\e9e9"; }
310
+ .#{$bettericons-class-name}-printer2:before { content: "\e9ea"; }
311
+ .#{$bettericons-class-name}-smartphone:before { content: "\e9eb"; }
312
+ .#{$bettericons-class-name}-mouse:before { content: "\e9ec"; }
313
+ .#{$bettericons-class-name}-product-highlights:before { content: "\e9ed"; }
314
+ .#{$bettericons-class-name}-product-page:before { content: "\e9ee"; }
315
+ .#{$bettericons-class-name}-product-page2:before { content: "\e9ef"; }
316
+ .#{$bettericons-class-name}-product-pages:before { content: "\e9f0"; }
317
+ .#{$bettericons-class-name}-product:before { content: "\e9f1"; }
318
+ .#{$bettericons-class-name}-product2:before { content: "\e9f2"; }
319
+ .#{$bettericons-class-name}-user:before { content: "\e9f3"; }
320
+ .#{$bettericons-class-name}-user-plus:before { content: "\e9f4"; }
321
+ .#{$bettericons-class-name}-user-minus:before { content: "\e9f5"; }
322
+ .#{$bettericons-class-name}-user-arrow:before { content: "\e9f6"; }
323
+ .#{$bettericons-class-name}-user-king:before { content: "\e9f7"; }
324
+ .#{$bettericons-class-name}-user-basecap:before { content: "\e9f8"; }
325
+ .#{$bettericons-class-name}-user-student:before { content: "\e9f9"; }
326
+ .#{$bettericons-class-name}-user-team:before { content: "\e9fa"; }
327
+ .#{$bettericons-class-name}-user-group:before { content: "\e9fb"; }
328
+ .#{$bettericons-class-name}-user-chef:before { content: "\e9fc"; }
329
+ .#{$bettericons-class-name}-product3:before { content: "\e9fd"; }
330
+ .#{$bettericons-class-name}-product4:before { content: "\e9fe"; }
331
+ .#{$bettericons-class-name}-resize-full:before { content: "\e9ff"; }
332
+ .#{$bettericons-class-name}-resize-small:before { content: "\ea00"; }
333
+ .#{$bettericons-class-name}-resize-full2:before { content: "\ea01"; }
334
+ .#{$bettericons-class-name}-resize-small2:before { content: "\ea02"; }
335
+ .#{$bettericons-class-name}-search:before { content: "\ea03"; }
336
+ .#{$bettericons-class-name}-zoom-in:before { content: "\ea04"; }
337
+ .#{$bettericons-class-name}-zoom-out:before { content: "\ea05"; }
338
+ .#{$bettericons-class-name}-select-up:before { content: "\ea06"; }
339
+ .#{$bettericons-class-name}-select-down:before { content: "\ea07"; }
340
+ .#{$bettericons-class-name}-select-duo:before { content: "\ea08"; }
341
+ .#{$bettericons-class-name}-select-up-half:before { content: "\ea09"; }
342
+ .#{$bettericons-class-name}-select-down-half:before { content: "\ea0a"; }
343
+ .#{$bettericons-class-name}-select-duo-half:before { content: "\ea0b"; }
344
+ .#{$bettericons-class-name}-select-up-circle:before { content: "\ea0c"; }
345
+ .#{$bettericons-class-name}-select-down-circle:before { content: "\ea0d"; }
346
+ .#{$bettericons-class-name}-select-duo-circle:before { content: "\ea0e"; }
347
+ .#{$bettericons-class-name}-stacker-in:before { content: "\ea0f"; }
348
+ .#{$bettericons-class-name}-stacker:before { content: "\ea10"; }
349
+ .#{$bettericons-class-name}-stacker-full:before { content: "\ea11"; }
350
+ .#{$bettericons-class-name}-stacker-out:before { content: "\ea12"; }
351
+ .#{$bettericons-class-name}-settings-edit:before { content: "\ea13"; }
352
+ .#{$bettericons-class-name}-settings-edit2:before { content: "\ea14"; }
353
+ .#{$bettericons-class-name}-settings-edit3:before { content: "\ea15"; }
354
+ .#{$bettericons-class-name}-settings:before { content: "\ea16"; }
355
+ .#{$bettericons-class-name}-sex-female:before { content: "\ea17"; }
356
+ .#{$bettericons-class-name}-sex-male:before { content: "\ea18"; }
357
+ .#{$bettericons-class-name}-share:before { content: "\ea19"; }
358
+ .#{$bettericons-class-name}-share2:before { content: "\ea1a"; }
359
+ .#{$bettericons-class-name}-shield:before { content: "\ea1b"; }
360
+ .#{$bettericons-class-name}-shield-men:before { content: "\ea1c"; }
361
+ .#{$bettericons-class-name}-shield-checked:before { content: "\ea1d"; }
362
+ .#{$bettericons-class-name}-shield-star:before { content: "\ea1e"; }
363
+ .#{$bettericons-class-name}-shield-lock:before { content: "\ea1f"; }
364
+ .#{$bettericons-class-name}-star:before { content: "\ea20"; }
365
+ .#{$bettericons-class-name}-star-half:before { content: "\ea21"; }
366
+ .#{$bettericons-class-name}-star-full:before { content: "\ea22"; }
367
+ .#{$bettericons-class-name}-sync:before { content: "\ea23"; }
368
+ .#{$bettericons-class-name}-sync2:before { content: "\ea24"; }
369
+ .#{$bettericons-class-name}-text-left:before { content: "\ea25"; }
370
+ .#{$bettericons-class-name}-text-block:before { content: "\ea26"; }
371
+ .#{$bettericons-class-name}-text-right:before { content: "\ea27"; }
372
+ .#{$bettericons-class-name}-text-edit:before { content: "\ea28"; }
373
+ .#{$bettericons-class-name}-text-list-plus:before { content: "\ea29"; }
374
+ .#{$bettericons-class-name}-text-list:before { content: "\ea2a"; }
375
+ .#{$bettericons-class-name}-text-left-small:before { content: "\ea2b"; }
376
+ .#{$bettericons-class-name}-text:before { content: "\ea2c"; }
377
+ .#{$bettericons-class-name}-timer:before { content: "\ea2d"; }
378
+ .#{$bettericons-class-name}-trash:before { content: "\ea2e"; }
379
+ .#{$bettericons-class-name}-umbrella:before { content: "\ea2f"; }
380
+ .#{$bettericons-class-name}-van-delivery:before { content: "\ea30"; }
381
+ .#{$bettericons-class-name}-view-list-circle:before { content: "\ea31"; }
382
+ .#{$bettericons-class-name}-view-block-circle:before { content: "\ea32"; }
383
+ .#{$bettericons-class-name}-view-block-circle2:before { content: "\ea33"; }
384
+ .#{$bettericons-class-name}-view-list-square:before { content: "\ea34"; }
385
+ .#{$bettericons-class-name}-view-block-square:before { content: "\ea35"; }
386
+ .#{$bettericons-class-name}-wrench:before { content: "\ea36"; }
387
+ .#{$bettericons-class-name}-wrench2:before { content: "\ea37"; }
388
+ .#{$bettericons-class-name}-social-facebook-circle-half:before { content: "\ea38"; }
389
+ .#{$bettericons-class-name}-social-google-circle-half:before { content: "\ea39"; }
390
+ .#{$bettericons-class-name}-social-google2-circle-half:before { content: "\ea3a"; }
391
+ .#{$bettericons-class-name}-social-instagram-circle-half:before { content: "\ea3b"; }
392
+ .#{$bettericons-class-name}-social-github-circle-half:before { content: "\ea3c"; }
393
+ .#{$bettericons-class-name}-social-linkedin-circle-half:before { content: "\ea3d"; }
394
+ .#{$bettericons-class-name}-social-xing-circle-half:before { content: "\ea3e"; }
395
+ .#{$bettericons-class-name}-social-mail-circle-half:before { content: "\ea3f"; }
396
+ .#{$bettericons-class-name}-social-paypal-circle-half:before { content: "\ea40"; }
397
+ .#{$bettericons-class-name}-social-pinterest-circle-half:before { content: "\ea41"; }
398
+ .#{$bettericons-class-name}-social-pocket-circle-half:before { content: "\ea42"; }
399
+ .#{$bettericons-class-name}-social-spotify-circle-half:before { content: "\ea43"; }
400
+ .#{$bettericons-class-name}-social-tumblr-circle-half:before { content: "\ea44"; }
401
+ .#{$bettericons-class-name}-social-twitter-circle-half:before { content: "\ea45"; }
402
+ .#{$bettericons-class-name}-social-youtube-circle-half:before { content: "\ea46"; }
403
+ .#{$bettericons-class-name}-social-facebook-circle:before { content: "\ea47"; }
404
+ .#{$bettericons-class-name}-social-google-circle:before { content: "\ea48"; }
405
+ .#{$bettericons-class-name}-social-google2-circle:before { content: "\ea49"; }
406
+ .#{$bettericons-class-name}-social-instagram-circle:before { content: "\ea4a"; }
407
+ .#{$bettericons-class-name}-social-github-circle:before { content: "\ea4b"; }
408
+ .#{$bettericons-class-name}-social-linkedin-circle:before { content: "\ea4c"; }
409
+ .#{$bettericons-class-name}-social-xing-circle:before { content: "\ea4d"; }
410
+ .#{$bettericons-class-name}-social-mail-circle:before { content: "\ea4e"; }
411
+ .#{$bettericons-class-name}-social-paypal-circle:before { content: "\ea4f"; }
412
+ .#{$bettericons-class-name}-social-pinterest-circle:before { content: "\ea50"; }
413
+ .#{$bettericons-class-name}-social-pocket-circle:before { content: "\ea51"; }
414
+ .#{$bettericons-class-name}-social-spotify-circle:before { content: "\ea52"; }
415
+ .#{$bettericons-class-name}-social-tumblr-circle:before { content: "\ea53"; }
416
+ .#{$bettericons-class-name}-social-twitter-circle:before { content: "\ea54"; }
417
+ .#{$bettericons-class-name}-social-youtube-circle:before { content: "\ea55"; }
418
+
419
+