stipe 0.0.5.7.9 → 0.0.5.8
Sign up to get free protection for your applications and to get access to all the features.
- data/readme.md +6 -18
- data/stylesheets/stipe/_grid.scss +0 -3
- data/stylesheets/stipe/_manifest.scss +1 -1
- data/stylesheets/stipe/_typography.scss +1 -2
- data/stylesheets/stipe/grid/_mixins.scss +1 -2
- data/stylesheets/stipe/grid/lib/_grid_placement.scss +0 -12
- data/stylesheets/stipe/toadstool/_buttons.scss +8 -2
- data/stylesheets/stipe/toadstool/_ui_manifest.scss +4 -0
- data/stylesheets/stipe/toadstool/_ui_patterns.scss +2 -1
- data/stylesheets/stipe/toadstool/_web_fonts.scss +0 -4
- data/stylesheets/stipe/toadstool/ui_patterns/_emBox.scss +3 -6
- data/stylesheets/stipe/toadstool/ui_patterns/_ico_fonts_display.scss +20 -0
- data/stylesheets/stipe/toadstool/ui_patterns/_ico_loop.scss +7 -0
- data/stylesheets/stipe/typography/_ico_font_loop.scss +23 -0
- metadata +4 -6
- data/stylesheets/stipe/typography/web_fonts/_font_awesome.scss +0 -5
- data/stylesheets/stipe/typography/web_fonts/_font_awesome_pua.scss +0 -272
- data/stylesheets/stipe/typography/web_fonts/_zocial.scss +0 -5
- data/stylesheets/stipe/typography/web_fonts/_zocial_characters.scss +0 -54
- data/stylesheets/stipe/typography/web_fonts/readme.md +0 -17
data/readme.md
CHANGED
@@ -12,6 +12,12 @@ To use the Stipe gem, using Bundler `gem 'stipe'`
|
|
12
12
|
Stipe is a Compass Extension, so Compass is a dependency. You will need to include `require 'stipe'` in your config.rb file.
|
13
13
|
|
14
14
|
# Stipe Changelog
|
15
|
+
###0.0.5.8
|
16
|
+
* Move grid extends to load last in style.scss manifest - when using the extended grid solution, this will move all your media queries to the end of the stylesheet.
|
17
|
+
* Removed support for Font-Awesome and Zocial ico-fonts
|
18
|
+
* Replaced with new and improved "build your own" ico-font solution
|
19
|
+
* General bug fixes
|
20
|
+
|
15
21
|
###0.0.5.7.9
|
16
22
|
* BUG FIX - Addressed duplicate output for 12 col and 24 col nested placeholder selectors
|
17
23
|
|
@@ -56,21 +62,3 @@ Stipe is a Compass Extension, so Compass is a dependency. You will need to inclu
|
|
56
62
|
* New `extend_color_loop` mixin
|
57
63
|
* Added to `/stipe/stylesheets/stipe/toadstool/ui_patterns/_color_grid.scss`
|
58
64
|
* All extends generated in memory from lists of objects
|
59
|
-
|
60
|
-
###0.0.5.5
|
61
|
-
* Fixed order of `@imports` in `_manifest.scss`
|
62
|
-
|
63
|
-
###0.0.5.4
|
64
|
-
* Removed Google Font from Toadstool
|
65
|
-
|
66
|
-
###0.0.5.3
|
67
|
-
* Added new feature for hidpi image management
|
68
|
-
|
69
|
-
###0.0.5.2
|
70
|
-
* UI adjustments to `color_palettes` view
|
71
|
-
|
72
|
-
###0.0.5.1
|
73
|
-
* Adding new configutation support for form UI
|
74
|
-
|
75
|
-
###0.0.5.0
|
76
|
-
* Updated stipe manifest to allow for single import
|
@@ -20,8 +20,7 @@ $primary_font_family: #{"Helvetica Neue", Arial, sans-serif} !default;
|
|
20
20
|
$secondary_font_family: #{"Helvetica Neue", Arial, sans-serif} !default;
|
21
21
|
$heading_font_family: #{"Helvetica Neue", Arial, sans-serif} !default;
|
22
22
|
|
23
|
-
$icon_font_alpha: #{'
|
24
|
-
$icon_font_bravo: #{'zocial'} !default;
|
23
|
+
$icon_font_alpha: #{'ico-fonts'} !default;
|
25
24
|
|
26
25
|
// Headings default arguments
|
27
26
|
$heading_size: $heading_1 !default;
|
@@ -18,8 +18,7 @@ $border_place: '';
|
|
18
18
|
@include the_grid($col_count, $col_width, $grid_uom, $grid_padding_l, $grid_padding_r, $grid_padding_tb, $grid_border, $grid_child, $col_gutter, $grid_align, $grid_context, $border_color, $border_place);
|
19
19
|
}
|
20
20
|
@else if $grid_type == 24 {
|
21
|
-
$col_width: 40 - $
|
22
|
-
$col_gutter: $col_base;
|
21
|
+
$col_width: 40 - $col_gutter;
|
23
22
|
@include the_grid($col_count, $col_width, $grid_uom, $grid_padding_l, $grid_padding_r, $grid_padding_tb, $grid_border, $grid_child, $col_gutter, $grid_align, $grid_context, $border_color, $border_place);
|
24
23
|
}
|
25
24
|
}
|
@@ -15,10 +15,6 @@
|
|
15
15
|
$margin_calc: #{$margin / $em}em;
|
16
16
|
@include grid_margin($grid_child, $margin_calc);
|
17
17
|
}
|
18
|
-
// @else if $grid_uom == combo {
|
19
|
-
// $margin_calc: #{$margin / $em}em;
|
20
|
-
// @include grid_margin($grid_child, $margin_calc);
|
21
|
-
// }
|
22
18
|
@else if $grid_uom == percent {
|
23
19
|
$margin_calc: $margin / $grid_context_width * 100%;
|
24
20
|
@include grid_margin($grid_child, $margin_calc);
|
@@ -30,10 +26,6 @@
|
|
30
26
|
$margin_calc: #{$margin / $em}em;
|
31
27
|
@include grid_margin($grid_child, $margin_calc);
|
32
28
|
}
|
33
|
-
// @else if $grid_uom == combo {
|
34
|
-
// $margin_calc: #{$margin / $em}em;
|
35
|
-
// @include grid_margin($grid_child, $margin_calc);
|
36
|
-
// }
|
37
29
|
@else if $grid_uom == percent {
|
38
30
|
$margin_calc: $margin / $grid_context_width * 100%;
|
39
31
|
@include grid_margin($grid_child, $margin_calc);
|
@@ -45,10 +37,6 @@
|
|
45
37
|
$margin_calc: #{$margin / $em}em;
|
46
38
|
@include grid_margin($grid_child, $margin_calc);
|
47
39
|
}
|
48
|
-
// @else if $grid_uom == combo {
|
49
|
-
// $margin_calc: #{$margin / $em}em;
|
50
|
-
// @include grid_margin($grid_child, $margin_calc);
|
51
|
-
// }
|
52
40
|
@else if $grid_uom == percent {
|
53
41
|
$margin_calc: $margin / $grid_context_width * 100%;
|
54
42
|
@include grid_margin($grid_child, $margin_calc);
|
@@ -17,11 +17,17 @@
|
|
17
17
|
@media #{$mobile} {
|
18
18
|
display: block;
|
19
19
|
width: auto;
|
20
|
-
|
20
|
+
line-height: 1em;
|
21
|
+
padding: {
|
22
|
+
top: rem(15);
|
23
|
+
left: rem(10);
|
24
|
+
right: rem(10);
|
25
|
+
bottom: rem(10);
|
26
|
+
}
|
21
27
|
font-weight: normal;
|
22
28
|
span {
|
23
29
|
&:after {
|
24
|
-
content: "\
|
30
|
+
content: "\e001";
|
25
31
|
font-family: $icon_font_alpha;
|
26
32
|
font-size: 2em;
|
27
33
|
}
|
@@ -13,10 +13,6 @@ $webfont_directory: "/fonts/" !default; // edit this directory in the '_config.s
|
|
13
13
|
// @import "stipe/typography/web_fonts/zocial";
|
14
14
|
// @import "stipe/typography/web_fonts/zocial_characters";
|
15
15
|
|
16
|
-
// To activate 'font_awesome' uncomment both lines
|
17
|
-
@import "stipe/typography/web_fonts/font_awesome";
|
18
|
-
@import "stipe/typography/web_fonts/font_awesome_pua";
|
19
|
-
|
20
16
|
|
21
17
|
|
22
18
|
// Install your own
|
@@ -3,14 +3,11 @@
|
|
3
3
|
.emBox {
|
4
4
|
position: fixed;
|
5
5
|
padding: em(5) em(10);
|
6
|
-
background: $bravo_gray;
|
7
|
-
color: $white;
|
6
|
+
background: $bravo_gray;
|
7
|
+
color: $white;
|
8
8
|
font-weight: bold;
|
9
9
|
font-size: 1em;
|
10
10
|
bottom: 0;
|
11
11
|
left: 0;
|
12
12
|
border-radius: 0 em(5) 0 0;
|
13
|
-
|
14
|
-
@extend %icon-fullscreen;
|
15
|
-
}
|
16
|
-
}
|
13
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
[class^="icon"] {
|
2
|
+
@extend %grid_3of12;
|
3
|
+
margin-bottom: 0.5em;
|
4
|
+
font-size: em(36);
|
5
|
+
text-align: center;
|
6
|
+
background: #eeeeee;
|
7
|
+
line-height: 1em;
|
8
|
+
border-radius: 0.25em;
|
9
|
+
box-shadow: inset 0 0 0 1px lighten($india_gray, 50%), 0 0 0 1px $hotel_gray;
|
10
|
+
padding-top: 0.5em;
|
11
|
+
height: em(40);
|
12
|
+
&:after {
|
13
|
+
content: "%" attr(class);
|
14
|
+
display: block;
|
15
|
+
font-size: em(14, 36);
|
16
|
+
}
|
17
|
+
@media #{$mobile} {
|
18
|
+
@extend %grid_2of4;
|
19
|
+
}
|
20
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
%ico-font-base {
|
2
|
+
font-family: $icon_font_alpha;
|
3
|
+
speak: none;
|
4
|
+
font-style: normal;
|
5
|
+
font-weight: normal;
|
6
|
+
line-height: 1;
|
7
|
+
-webkit-font-smoothing: antialiased;
|
8
|
+
}
|
9
|
+
|
10
|
+
@each $icon in $icons { // <-- create listing of PUA pseudo selectors
|
11
|
+
%icon-#{nth($icon, 1)}:before {
|
12
|
+
@extend %ico-font-base;
|
13
|
+
content: nth($icon, 2);
|
14
|
+
margin-right: 0.25em
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
@each $icon in $icons { // <-- create listing of PUA pseudo selectors
|
19
|
+
%icon-#{nth($icon, 1)}-after:after {
|
20
|
+
@extend %ico-font-base;
|
21
|
+
content: nth($icon, 2);
|
22
|
+
}
|
23
|
+
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: stipe
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.5.
|
4
|
+
version: 0.0.5.8
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -109,18 +109,16 @@ files:
|
|
109
109
|
- stylesheets/stipe/toadstool/modules/_main_nav.scss
|
110
110
|
- stylesheets/stipe/toadstool/ui_patterns/_color_grid.scss
|
111
111
|
- stylesheets/stipe/toadstool/ui_patterns/_emBox.scss
|
112
|
+
- stylesheets/stipe/toadstool/ui_patterns/_ico_fonts_display.scss
|
113
|
+
- stylesheets/stipe/toadstool/ui_patterns/_ico_loop.scss
|
112
114
|
- stylesheets/stipe/toadstool/ui_patterns/_prettify.scss
|
113
115
|
- stylesheets/stipe/typography/_default.scss
|
114
116
|
- stylesheets/stipe/typography/_extends.scss
|
115
117
|
- stylesheets/stipe/typography/_functions.scss
|
118
|
+
- stylesheets/stipe/typography/_ico_font_loop.scss
|
116
119
|
- stylesheets/stipe/typography/_mixins.scss
|
117
120
|
- stylesheets/stipe/typography/headings.md
|
118
121
|
- stylesheets/stipe/typography/readme.md
|
119
|
-
- stylesheets/stipe/typography/web_fonts/_font_awesome.scss
|
120
|
-
- stylesheets/stipe/typography/web_fonts/_font_awesome_pua.scss
|
121
|
-
- stylesheets/stipe/typography/web_fonts/_zocial.scss
|
122
|
-
- stylesheets/stipe/typography/web_fonts/_zocial_characters.scss
|
123
|
-
- stylesheets/stipe/typography/web_fonts/readme.md
|
124
122
|
homepage: https://github.com/Anotheruiguy/stipe
|
125
123
|
licenses: []
|
126
124
|
post_install_message:
|
@@ -1,272 +0,0 @@
|
|
1
|
-
//* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
2
|
-
// readers do not read off random characters that represent icons */
|
3
|
-
$ico-placement: before !default;
|
4
|
-
%font_awesome { font-family: 'FontAwesome'; }
|
5
|
-
|
6
|
-
%icon-glass:#{$ico-placement} { content: "\f000"; @extend %font_awesome; }
|
7
|
-
%icon-music:#{$ico-placement} { content: "\f001"; @extend %font_awesome; }
|
8
|
-
%icon-search:#{$ico-placement} { content: "\f002"; @extend %font_awesome; }
|
9
|
-
%icon-envelope:#{$ico-placement} { content: "\f003"; @extend %font_awesome; }
|
10
|
-
%icon-heart:#{$ico-placement} { content: "\f004"; @extend %font_awesome; }
|
11
|
-
%icon-star:#{$ico-placement} { content: "\f005"; @extend %font_awesome; }
|
12
|
-
%icon-star-empty:#{$ico-placement} { content: "\f006"; @extend %font_awesome; }
|
13
|
-
%icon-user:#{$ico-placement} { content: "\f007"; @extend %font_awesome; }
|
14
|
-
%icon-film:#{$ico-placement} { content: "\f008"; @extend %font_awesome; }
|
15
|
-
%icon-th-large:#{$ico-placement} { content: "\f009"; @extend %font_awesome; }
|
16
|
-
%icon-th:#{$ico-placement} { content: "\f00a"; @extend %font_awesome; }
|
17
|
-
%icon-th-list:#{$ico-placement} { content: "\f00b"; @extend %font_awesome; }
|
18
|
-
%icon-ok:#{$ico-placement} { content: "\f00c"; @extend %font_awesome; }
|
19
|
-
%icon-remove:#{$ico-placement} { content: "\f00d"; @extend %font_awesome; }
|
20
|
-
%icon-zoom-in:#{$ico-placement} { content: "\f00e"; @extend %font_awesome; }
|
21
|
-
|
22
|
-
%icon-zoom-out:#{$ico-placement} { content: "\f010"; @extend %font_awesome; }
|
23
|
-
%icon-off:#{$ico-placement} { content: "\f011"; @extend %font_awesome; }
|
24
|
-
%icon-signal:#{$ico-placement} { content: "\f012"; @extend %font_awesome; }
|
25
|
-
%icon-cog:#{$ico-placement} { content: "\f013"; @extend %font_awesome; }
|
26
|
-
%icon-trash:#{$ico-placement} { content: "\f014"; @extend %font_awesome; }
|
27
|
-
%icon-home:#{$ico-placement} { content: "\f015"; @extend %font_awesome; }
|
28
|
-
%icon-file:#{$ico-placement} { content: "\f016"; @extend %font_awesome; }
|
29
|
-
%icon-time:#{$ico-placement} { content: "\f017"; @extend %font_awesome; }
|
30
|
-
%icon-road:#{$ico-placement} { content: "\f018"; @extend %font_awesome; }
|
31
|
-
%icon-download-alt:#{$ico-placement} { content: "\f019"; @extend %font_awesome; }
|
32
|
-
%icon-download:#{$ico-placement} { content: "\f01a"; @extend %font_awesome; }
|
33
|
-
%icon-upload:#{$ico-placement} { content: "\f01b"; @extend %font_awesome; }
|
34
|
-
%icon-inbox:#{$ico-placement} { content: "\f01c"; @extend %font_awesome; }
|
35
|
-
%icon-play-circle:#{$ico-placement} { content: "\f01d"; @extend %font_awesome; }
|
36
|
-
%icon-repeat:#{$ico-placement} { content: "\f01e"; @extend %font_awesome; }
|
37
|
-
|
38
|
-
/* \f020 doesn't work in Safari. all shifted one down */
|
39
|
-
%icon-refresh:#{$ico-placement} { content: "\f021"; @extend %font_awesome; }
|
40
|
-
%icon-list-alt:#{$ico-placement} { content: "\f022"; @extend %font_awesome; }
|
41
|
-
%icon-lock:#{$ico-placement} { content: "\f023"; @extend %font_awesome; }
|
42
|
-
%icon-flag:#{$ico-placement} { content: "\f024"; @extend %font_awesome; }
|
43
|
-
%icon-headphones:#{$ico-placement} { content: "\f025"; @extend %font_awesome; }
|
44
|
-
%icon-volume-off:#{$ico-placement} { content: "\f026"; @extend %font_awesome; }
|
45
|
-
%icon-volume-down:#{$ico-placement} { content: "\f027"; @extend %font_awesome; }
|
46
|
-
%icon-volume-up:#{$ico-placement} { content: "\f028"; @extend %font_awesome; }
|
47
|
-
%icon-qrcode:#{$ico-placement} { content: "\f029"; @extend %font_awesome; }
|
48
|
-
%icon-barcode:#{$ico-placement} { content: "\f02a"; @extend %font_awesome; }
|
49
|
-
%icon-tag:#{$ico-placement} { content: "\f02b"; @extend %font_awesome; }
|
50
|
-
%icon-tags:#{$ico-placement} { content: "\f02c"; @extend %font_awesome; }
|
51
|
-
%icon-book:#{$ico-placement} { content: "\f02d"; @extend %font_awesome; }
|
52
|
-
%icon-bookmark:#{$ico-placement} { content: "\f02e"; @extend %font_awesome; }
|
53
|
-
%icon-print:#{$ico-placement} { content: "\f02f"; @extend %font_awesome; }
|
54
|
-
|
55
|
-
%icon-camera:#{$ico-placement} { content: "\f030"; @extend %font_awesome; }
|
56
|
-
%icon-font:#{$ico-placement} { content: "\f031"; @extend %font_awesome; }
|
57
|
-
%icon-bold:#{$ico-placement} { content: "\f032"; @extend %font_awesome; }
|
58
|
-
%icon-italic:#{$ico-placement} { content: "\f033"; @extend %font_awesome; }
|
59
|
-
%icon-text-height:#{$ico-placement} { content: "\f034"; @extend %font_awesome; }
|
60
|
-
%icon-text-width:#{$ico-placement} { content: "\f035"; @extend %font_awesome; }
|
61
|
-
%icon-align-left:#{$ico-placement} { content: "\f036"; @extend %font_awesome; }
|
62
|
-
%icon-align-center:#{$ico-placement} { content: "\f037"; @extend %font_awesome; }
|
63
|
-
%icon-align-right:#{$ico-placement} { content: "\f038"; @extend %font_awesome; }
|
64
|
-
%icon-align-justify:#{$ico-placement} { content: "\f039"; @extend %font_awesome; }
|
65
|
-
%icon-list:#{$ico-placement} { content: "\f03a"; @extend %font_awesome; }
|
66
|
-
%icon-indent-left:#{$ico-placement} { content: "\f03b"; @extend %font_awesome; }
|
67
|
-
%icon-indent-right:#{$ico-placement} { content: "\f03c"; @extend %font_awesome; }
|
68
|
-
%icon-facetime-video:#{$ico-placement} { content: "\f03d"; @extend %font_awesome; }
|
69
|
-
%icon-picture:#{$ico-placement} { content: "\f03e"; @extend %font_awesome; }
|
70
|
-
|
71
|
-
%icon-pencil:#{$ico-placement} { content: "\f040"; @extend %font_awesome; }
|
72
|
-
%icon-map-marker:#{$ico-placement} { content: "\f041"; @extend %font_awesome; }
|
73
|
-
%icon-adjust:#{$ico-placement} { content: "\f042"; @extend %font_awesome; }
|
74
|
-
%icon-tint:#{$ico-placement} { content: "\f043"; @extend %font_awesome; }
|
75
|
-
%icon-edit:#{$ico-placement} { content: "\f044"; @extend %font_awesome; }
|
76
|
-
%icon-share:#{$ico-placement} { content: "\f045"; @extend %font_awesome; }
|
77
|
-
%icon-check:#{$ico-placement} { content: "\f046"; @extend %font_awesome; }
|
78
|
-
%icon-move:#{$ico-placement} { content: "\f047"; @extend %font_awesome; }
|
79
|
-
%icon-step-backward:#{$ico-placement} { content: "\f048"; @extend %font_awesome; }
|
80
|
-
%icon-fast-backward:#{$ico-placement} { content: "\f049"; @extend %font_awesome; }
|
81
|
-
%icon-backward:#{$ico-placement} { content: "\f04a"; @extend %font_awesome; }
|
82
|
-
%icon-play:#{$ico-placement} { content: "\f04b"; @extend %font_awesome; }
|
83
|
-
%icon-pause:#{$ico-placement} { content: "\f04c"; @extend %font_awesome; }
|
84
|
-
%icon-stop:#{$ico-placement} { content: "\f04d"; @extend %font_awesome; }
|
85
|
-
%icon-forward:#{$ico-placement} { content: "\f04e"; @extend %font_awesome; }
|
86
|
-
|
87
|
-
%icon-fast-forward:#{$ico-placement} { content: "\f050"; @extend %font_awesome; }
|
88
|
-
%icon-step-forward:#{$ico-placement} { content: "\f051"; @extend %font_awesome; }
|
89
|
-
%icon-eject:#{$ico-placement} { content: "\f052"; @extend %font_awesome; }
|
90
|
-
%icon-chevron-left:#{$ico-placement} { content: "\f053"; @extend %font_awesome; }
|
91
|
-
%icon-chevron-right:#{$ico-placement} { content: "\f054"; @extend %font_awesome; }
|
92
|
-
%icon-plus-sign:#{$ico-placement} { content: "\f055"; @extend %font_awesome; }
|
93
|
-
%icon-minus-sign:#{$ico-placement} { content: "\f056"; @extend %font_awesome; }
|
94
|
-
%icon-remove-sign:#{$ico-placement} { content: "\f057"; @extend %font_awesome; }
|
95
|
-
%icon-ok-sign:#{$ico-placement} { content: "\f058"; @extend %font_awesome; }
|
96
|
-
%icon-question-sign:#{$ico-placement} { content: "\f059"; @extend %font_awesome; }
|
97
|
-
%icon-info-sign:#{$ico-placement} { content: "\f05a"; @extend %font_awesome; }
|
98
|
-
%icon-screenshot:#{$ico-placement} { content: "\f05b"; @extend %font_awesome; }
|
99
|
-
%icon-remove-circle:#{$ico-placement} { content: "\f05c"; @extend %font_awesome; }
|
100
|
-
%icon-ok-circle:#{$ico-placement} { content: "\f05d"; @extend %font_awesome; }
|
101
|
-
%icon-ban-circle:#{$ico-placement} { content: "\f05e"; @extend %font_awesome; }
|
102
|
-
|
103
|
-
%icon-arrow-left:#{$ico-placement} { content: "\f060"; @extend %font_awesome; }
|
104
|
-
%icon-arrow-right:#{$ico-placement} { content: "\f061"; @extend %font_awesome; }
|
105
|
-
%icon-arrow-up:#{$ico-placement} { content: "\f062"; @extend %font_awesome; }
|
106
|
-
%icon-arrow-down:#{$ico-placement} { content: "\f063"; @extend %font_awesome; }
|
107
|
-
%icon-share-alt:#{$ico-placement} { content: "\f064"; @extend %font_awesome; }
|
108
|
-
%icon-resize-full:#{$ico-placement} { content: "\f065"; @extend %font_awesome; }
|
109
|
-
%icon-resize-small:#{$ico-placement} { content: "\f066"; @extend %font_awesome; }
|
110
|
-
%icon-plus:#{$ico-placement} { content: "\f067"; @extend %font_awesome; }
|
111
|
-
%icon-minus:#{$ico-placement} { content: "\f068"; @extend %font_awesome; }
|
112
|
-
%icon-asterisk:#{$ico-placement} { content: "\f069"; @extend %font_awesome; }
|
113
|
-
%icon-exclamation-sign:#{$ico-placement} { content: "\f06a"; @extend %font_awesome; }
|
114
|
-
%icon-gift:#{$ico-placement} { content: "\f06b"; @extend %font_awesome; }
|
115
|
-
%icon-leaf:#{$ico-placement} { content: "\f06c"; @extend %font_awesome; }
|
116
|
-
%icon-fire:#{$ico-placement} { content: "\f06d"; @extend %font_awesome; }
|
117
|
-
%icon-eye-open:#{$ico-placement} { content: "\f06e"; @extend %font_awesome; }
|
118
|
-
|
119
|
-
%icon-eye-close:#{$ico-placement} { content: "\f070"; @extend %font_awesome; }
|
120
|
-
%icon-warning-sign:#{$ico-placement} { content: "\f071"; @extend %font_awesome; }
|
121
|
-
%icon-plane:#{$ico-placement} { content: "\f072"; @extend %font_awesome; }
|
122
|
-
%icon-calendar:#{$ico-placement} { content: "\f073"; @extend %font_awesome; }
|
123
|
-
%icon-random:#{$ico-placement} { content: "\f074"; @extend %font_awesome; }
|
124
|
-
%icon-comment:#{$ico-placement} { content: "\f075"; @extend %font_awesome; }
|
125
|
-
%icon-magnet:#{$ico-placement} { content: "\f076"; @extend %font_awesome; }
|
126
|
-
%icon-chevron-up:#{$ico-placement} { content: "\f077"; @extend %font_awesome; }
|
127
|
-
%icon-chevron-down:#{$ico-placement} { content: "\f078"; @extend %font_awesome; }
|
128
|
-
%icon-retweet:#{$ico-placement} { content: "\f079"; @extend %font_awesome; }
|
129
|
-
%icon-shopping-cart:#{$ico-placement} { content: "\f07a"; @extend %font_awesome; }
|
130
|
-
%icon-folder-close:#{$ico-placement} { content: "\f07b"; @extend %font_awesome; }
|
131
|
-
%icon-folder-open:#{$ico-placement} { content: "\f07c"; @extend %font_awesome; }
|
132
|
-
%icon-resize-vertical:#{$ico-placement} { content: "\f07d"; @extend %font_awesome; }
|
133
|
-
%icon-resize-horizontal:#{$ico-placement} { content: "\f07e"; @extend %font_awesome; }
|
134
|
-
|
135
|
-
%icon-bar-chart:#{$ico-placement} { content: "\f080"; @extend %font_awesome; }
|
136
|
-
%icon-twitter-sign:#{$ico-placement} { content: "\f081"; @extend %font_awesome; }
|
137
|
-
%icon-facebook-sign:#{$ico-placement} { content: "\f082"; @extend %font_awesome; }
|
138
|
-
%icon-camera-retro:#{$ico-placement} { content: "\f083"; @extend %font_awesome; }
|
139
|
-
%icon-key:#{$ico-placement} { content: "\f084"; @extend %font_awesome; }
|
140
|
-
%icon-cogs:#{$ico-placement} { content: "\f085"; @extend %font_awesome; }
|
141
|
-
%icon-comments:#{$ico-placement} { content: "\f086"; @extend %font_awesome; }
|
142
|
-
%icon-thumbs-up:#{$ico-placement} { content: "\f087"; @extend %font_awesome; }
|
143
|
-
%icon-thumbs-down:#{$ico-placement} { content: "\f088"; @extend %font_awesome; }
|
144
|
-
%icon-star-half:#{$ico-placement} { content: "\f089"; @extend %font_awesome; }
|
145
|
-
%icon-heart-empty:#{$ico-placement} { content: "\f08a"; @extend %font_awesome; }
|
146
|
-
%icon-signout:#{$ico-placement} { content: "\f08b"; @extend %font_awesome; }
|
147
|
-
%icon-linkedin-sign:#{$ico-placement} { content: "\f08c"; @extend %font_awesome; }
|
148
|
-
%icon-pushpin:#{$ico-placement} { content: "\f08d"; @extend %font_awesome; }
|
149
|
-
%icon-external-link:#{$ico-placement} { content: "\f08e"; @extend %font_awesome; }
|
150
|
-
|
151
|
-
%icon-signin:#{$ico-placement} { content: "\f090"; @extend %font_awesome; }
|
152
|
-
%icon-trophy:#{$ico-placement} { content: "\f091"; @extend %font_awesome; }
|
153
|
-
%icon-github-sign:#{$ico-placement} { content: "\f092"; @extend %font_awesome; }
|
154
|
-
%icon-upload-alt:#{$ico-placement} { content: "\f093"; @extend %font_awesome; }
|
155
|
-
%icon-lemon:#{$ico-placement} { content: "\f094"; @extend %font_awesome; }
|
156
|
-
%icon-phone:#{$ico-placement} { content: "\f095"; @extend %font_awesome; }
|
157
|
-
%icon-check-empty:#{$ico-placement} { content: "\f096"; @extend %font_awesome; }
|
158
|
-
%icon-bookmark-empty:#{$ico-placement} { content: "\f097"; @extend %font_awesome; }
|
159
|
-
%icon-phone-sign:#{$ico-placement} { content: "\f098"; @extend %font_awesome; }
|
160
|
-
%icon-twitter:#{$ico-placement} { content: "\f099"; @extend %font_awesome; }
|
161
|
-
%icon-facebook:#{$ico-placement} { content: "\f09a"; @extend %font_awesome; }
|
162
|
-
%icon-github:#{$ico-placement} { content: "\f09b"; @extend %font_awesome; }
|
163
|
-
%icon-unlock:#{$ico-placement} { content: "\f09c"; @extend %font_awesome; }
|
164
|
-
%icon-credit-card:#{$ico-placement} { content: "\f09d"; @extend %font_awesome; }
|
165
|
-
%icon-rss:#{$ico-placement} { content: "\f09e"; @extend %font_awesome; }
|
166
|
-
|
167
|
-
%icon-hdd:#{$ico-placement} { content: "\f0a0"; @extend %font_awesome; }
|
168
|
-
%icon-bullhorn:#{$ico-placement} { content: "\f0a1"; @extend %font_awesome; }
|
169
|
-
%icon-bell:#{$ico-placement} { content: "\f0a2"; @extend %font_awesome; }
|
170
|
-
%icon-certificate:#{$ico-placement} { content: "\f0a3"; @extend %font_awesome; }
|
171
|
-
%icon-hand-right:#{$ico-placement} { content: "\f0a4"; @extend %font_awesome; }
|
172
|
-
%icon-hand-left:#{$ico-placement} { content: "\f0a5"; @extend %font_awesome; }
|
173
|
-
%icon-hand-up:#{$ico-placement} { content: "\f0a6"; @extend %font_awesome; }
|
174
|
-
%icon-hand-down:#{$ico-placement} { content: "\f0a7"; @extend %font_awesome; }
|
175
|
-
%icon-circle-arrow-left:#{$ico-placement} { content: "\f0a8"; @extend %font_awesome; }
|
176
|
-
%icon-circle-arrow-right:#{$ico-placement} { content: "\f0a9"; @extend %font_awesome; }
|
177
|
-
%icon-circle-arrow-up:#{$ico-placement} { content: "\f0aa"; @extend %font_awesome; }
|
178
|
-
%icon-circle-arrow-down:#{$ico-placement} { content: "\f0ab"; @extend %font_awesome; }
|
179
|
-
%icon-globe:#{$ico-placement} { content: "\f0ac"; @extend %font_awesome; }
|
180
|
-
%icon-wrench:#{$ico-placement} { content: "\f0ad"; @extend %font_awesome; }
|
181
|
-
%icon-tasks:#{$ico-placement} { content: "\f0ae"; @extend %font_awesome; }
|
182
|
-
|
183
|
-
%icon-filter:#{$ico-placement} { content: "\f0b0"; @extend %font_awesome; }
|
184
|
-
%icon-briefcase:#{$ico-placement} { content: "\f0b1"; @extend %font_awesome; }
|
185
|
-
%icon-fullscreen:#{$ico-placement} { content: "\f0b2"; @extend %font_awesome; }
|
186
|
-
|
187
|
-
%icon-group:#{$ico-placement} { content: "\f0c0"; @extend %font_awesome; }
|
188
|
-
%icon-link:#{$ico-placement} { content: "\f0c1"; @extend %font_awesome; }
|
189
|
-
%icon-cloud:#{$ico-placement} { content: "\f0c2"; @extend %font_awesome; }
|
190
|
-
%icon-beaker:#{$ico-placement} { content: "\f0c3"; @extend %font_awesome; }
|
191
|
-
%icon-cut:#{$ico-placement} { content: "\f0c4"; @extend %font_awesome; }
|
192
|
-
%icon-copy:#{$ico-placement} { content: "\f0c5"; @extend %font_awesome; }
|
193
|
-
%icon-paper-clip:#{$ico-placement} { content: "\f0c6"; @extend %font_awesome; }
|
194
|
-
%icon-save:#{$ico-placement} { content: "\f0c7"; @extend %font_awesome; }
|
195
|
-
%icon-sign-blank:#{$ico-placement} { content: "\f0c8"; @extend %font_awesome; }
|
196
|
-
%icon-reorder:#{$ico-placement} { content: "\f0c9"; @extend %font_awesome; }
|
197
|
-
%icon-list-ul:#{$ico-placement} { content: "\f0ca"; @extend %font_awesome; }
|
198
|
-
%icon-list-ol:#{$ico-placement} { content: "\f0cb"; @extend %font_awesome; }
|
199
|
-
%icon-strikethrough:#{$ico-placement} { content: "\f0cc"; @extend %font_awesome; }
|
200
|
-
%icon-underline:#{$ico-placement} { content: "\f0cd"; @extend %font_awesome; }
|
201
|
-
%icon-table:#{$ico-placement} { content: "\f0ce"; @extend %font_awesome; }
|
202
|
-
|
203
|
-
%icon-magic:#{$ico-placement} { content: "\f0d0"; @extend %font_awesome; }
|
204
|
-
%icon-truck:#{$ico-placement} { content: "\f0d1"; @extend %font_awesome; }
|
205
|
-
%icon-pinterest:#{$ico-placement} { content: "\f0d2"; @extend %font_awesome; }
|
206
|
-
%icon-pinterest-sign:#{$ico-placement} { content: "\f0d3"; @extend %font_awesome; }
|
207
|
-
%icon-google-plus-sign:#{$ico-placement} { content: "\f0d4"; @extend %font_awesome; }
|
208
|
-
%icon-google-plus:#{$ico-placement} { content: "\f0d5"; @extend %font_awesome; }
|
209
|
-
%icon-money:#{$ico-placement} { content: "\f0d6"; @extend %font_awesome; }
|
210
|
-
%icon-caret-down:#{$ico-placement} { content: "\f0d7"; @extend %font_awesome; }
|
211
|
-
%icon-caret-up:#{$ico-placement} { content: "\f0d8"; @extend %font_awesome; }
|
212
|
-
%icon-caret-left:#{$ico-placement} { content: "\f0d9"; @extend %font_awesome; }
|
213
|
-
%icon-caret-right:#{$ico-placement} { content: "\f0da"; @extend %font_awesome; }
|
214
|
-
%icon-columns:#{$ico-placement} { content: "\f0db"; @extend %font_awesome; }
|
215
|
-
%icon-sort:#{$ico-placement} { content: "\f0dc"; @extend %font_awesome; }
|
216
|
-
%icon-sort-down:#{$ico-placement} { content: "\f0dd"; @extend %font_awesome; }
|
217
|
-
%icon-sort-up:#{$ico-placement} { content: "\f0de"; @extend %font_awesome; }
|
218
|
-
|
219
|
-
%icon-envelope-alt:#{$ico-placement} { content: "\f0e0"; @extend %font_awesome; }
|
220
|
-
%icon-linkedin:#{$ico-placement} { content: "\f0e1"; @extend %font_awesome; }
|
221
|
-
%icon-undo:#{$ico-placement} { content: "\f0e2"; @extend %font_awesome; }
|
222
|
-
%icon-legal:#{$ico-placement} { content: "\f0e3"; @extend %font_awesome; }
|
223
|
-
%icon-dashboard:#{$ico-placement} { content: "\f0e4"; @extend %font_awesome; }
|
224
|
-
%icon-comment-alt:#{$ico-placement} { content: "\f0e5"; @extend %font_awesome; }
|
225
|
-
%icon-comments-alt:#{$ico-placement} { content: "\f0e6"; @extend %font_awesome; }
|
226
|
-
%icon-bolt:#{$ico-placement} { content: "\f0e7"; @extend %font_awesome; }
|
227
|
-
%icon-sitemap:#{$ico-placement} { content: "\f0e8"; @extend %font_awesome; }
|
228
|
-
%icon-umbrella:#{$ico-placement} { content: "\f0e9"; @extend %font_awesome; }
|
229
|
-
%icon-paste:#{$ico-placement} { content: "\f0ea"; @extend %font_awesome; }
|
230
|
-
%icon-lightbulb:#{$ico-placement} { content: "\f0eb"; @extend %font_awesome; }
|
231
|
-
%icon-exchange:#{$ico-placement} { content: "\f0ec"; @extend %font_awesome; }
|
232
|
-
%icon-cloud-download:#{$ico-placement} { content: "\f0ed"; @extend %font_awesome; }
|
233
|
-
%icon-cloud-upload:#{$ico-placement} { content: "\f0ee"; @extend %font_awesome; }
|
234
|
-
|
235
|
-
%icon-user-md:#{$ico-placement} { content: "\f0f0"; @extend %font_awesome; }
|
236
|
-
%icon-stethoscope:#{$ico-placement} { content: "\f0f1"; @extend %font_awesome; }
|
237
|
-
%icon-suitcase:#{$ico-placement} { content: "\f0f2"; @extend %font_awesome; }
|
238
|
-
%icon-bell-alt:#{$ico-placement} { content: "\f0f3"; @extend %font_awesome; }
|
239
|
-
%icon-coffee:#{$ico-placement} { content: "\f0f4"; @extend %font_awesome; }
|
240
|
-
%icon-food:#{$ico-placement} { content: "\f0f5"; @extend %font_awesome; }
|
241
|
-
%icon-file-alt:#{$ico-placement} { content: "\f0f6"; @extend %font_awesome; }
|
242
|
-
%icon-building:#{$ico-placement} { content: "\f0f7"; @extend %font_awesome; }
|
243
|
-
%icon-hospital:#{$ico-placement} { content: "\f0f8"; @extend %font_awesome; }
|
244
|
-
%icon-ambulance:#{$ico-placement} { content: "\f0f9"; @extend %font_awesome; }
|
245
|
-
%icon-medkit:#{$ico-placement} { content: "\f0fa"; @extend %font_awesome; }
|
246
|
-
%icon-fighter-jet:#{$ico-placement} { content: "\f0fb"; @extend %font_awesome; }
|
247
|
-
%icon-beer:#{$ico-placement} { content: "\f0fc"; @extend %font_awesome; }
|
248
|
-
%icon-h-sign:#{$ico-placement} { content: "\f0fd"; @extend %font_awesome; }
|
249
|
-
%icon-plus-sign-alt:#{$ico-placement} { content: "\f0fe"; @extend %font_awesome; }
|
250
|
-
|
251
|
-
%icon-double-angle-left:#{$ico-placement} { content: "\f100"; @extend %font_awesome; }
|
252
|
-
%icon-double-angle-right:#{$ico-placement} { content: "\f101"; @extend %font_awesome; }
|
253
|
-
%icon-double-angle-up:#{$ico-placement} { content: "\f102"; @extend %font_awesome; }
|
254
|
-
%icon-double-angle-down:#{$ico-placement} { content: "\f103"; @extend %font_awesome; }
|
255
|
-
%icon-angle-left:#{$ico-placement} { content: "\f104"; @extend %font_awesome; }
|
256
|
-
%icon-angle-right:#{$ico-placement} { content: "\f105"; @extend %font_awesome; }
|
257
|
-
%icon-angle-up:#{$ico-placement} { content: "\f106"; @extend %font_awesome; }
|
258
|
-
%icon-angle-down:#{$ico-placement} { content: "\f107"; @extend %font_awesome; }
|
259
|
-
%icon-desktop:#{$ico-placement} { content: "\f108"; @extend %font_awesome; }
|
260
|
-
%icon-laptop:#{$ico-placement} { content: "\f109"; @extend %font_awesome; }
|
261
|
-
%icon-tablet:#{$ico-placement} { content: "\f10a"; @extend %font_awesome; }
|
262
|
-
%icon-mobile-phone:#{$ico-placement} { content: "\f10b"; @extend %font_awesome; }
|
263
|
-
%icon-circle-blank:#{$ico-placement} { content: "\f10c"; @extend %font_awesome; }
|
264
|
-
%icon-quote-left:#{$ico-placement} { content: "\f10d"; @extend %font_awesome; }
|
265
|
-
%icon-quote-right:#{$ico-placement} { content: "\f10e"; @extend %font_awesome; }
|
266
|
-
|
267
|
-
%icon-spinner:#{$ico-placement} { content: "\f110"; @extend %font_awesome; }
|
268
|
-
%icon-circle:#{$ico-placement} { content: "\f111"; @extend %font_awesome; }
|
269
|
-
%icon-reply:#{$ico-placement} { content: "\f112"; @extend %font_awesome; }
|
270
|
-
%icon-github-alt:#{$ico-placement} { content: "\f113"; @extend %font_awesome; }
|
271
|
-
%icon-folder-close-alt:#{$ico-placement} { content: "\f114"; @extend %font_awesome; }
|
272
|
-
%icon-folder-open-alt:#{$ico-placement} { content: "\f115"; @extend %font_awesome; }
|
@@ -1,54 +0,0 @@
|
|
1
|
-
// Zocial full (paid), Sorted A-Z
|
2
|
-
$ico-placement: before !default;
|
3
|
-
%zocial_font { font-family: 'zocial'; }
|
4
|
-
|
5
|
-
%zocial-amazon:#{$ico-placement} { content: "a"; @extend %zocial_font; }
|
6
|
-
%zocial-android:#{$ico-placement} { content: "&"; @extend %zocial_font; }
|
7
|
-
%zocial-aol:#{$ico-placement} { content: "\""; @extend %zocial_font; }
|
8
|
-
%zocial-appstore:#{$ico-placement} { content: "^"; @extend %zocial_font; }
|
9
|
-
%zocial-chrome:#{$ico-placement} { content: "["; @extend %zocial_font; }
|
10
|
-
%zocial-cloudapp:#{$ico-placement} { content: "c"; @extend %zocial_font; }
|
11
|
-
%zocial-creativecommons:#{$ico-placement} { content: "C"; @extend %zocial_font; }
|
12
|
-
%zocial-disqus:#{$ico-placement} { content: "Q"; @extend %zocial_font; }
|
13
|
-
%zocial-dribbble:#{$ico-placement} { content: "D"; @extend %zocial_font; }
|
14
|
-
%zocial-dropbox:#{$ico-placement} { content: "d"; @extend %zocial_font; }
|
15
|
-
%zocial-eventasaurus:#{$ico-placement} { content: "v"; @extend %zocial_font; }
|
16
|
-
%zocial-eventbrite:#{$ico-placement} { content: "|"; @extend %zocial_font; }
|
17
|
-
%zocial-evernote:#{$ico-placement} { content: "E"; @extend %zocial_font; }
|
18
|
-
%zocial-facebook:#{$ico-placement} { content: "f"; @extend %zocial_font; }
|
19
|
-
%zocial-flattr:#{$ico-placement} { content: "%"; @extend %zocial_font; }
|
20
|
-
%zocial-forrst:#{$ico-placement} { content: ":"; @extend %zocial_font; }
|
21
|
-
%zocial-foursquare:#{$ico-placement} { content: "4"; @extend %zocial_font; }
|
22
|
-
%zocial-github:#{$ico-placement} { content: "g"; @extend %zocial_font; }
|
23
|
-
%zocial-gmail:#{$ico-placement} { content: "m"; @extend %zocial_font; }
|
24
|
-
%zocial-google:#{$ico-placement} { content: "G"; @extend %zocial_font; }
|
25
|
-
%zocial-googleplus:#{$ico-placement} { content: "+"; @extend %zocial_font; }
|
26
|
-
%zocial-gowalla:#{$ico-placement} { content: "@"; @extend %zocial_font; }
|
27
|
-
%zocial-guest:#{$ico-placement} { content: "?"; @extend %zocial_font; }
|
28
|
-
%zocial-html5:#{$ico-placement} { content: "5"; @extend %zocial_font; }
|
29
|
-
%zocial-ie:#{$ico-placement} { content: "6"; @extend %zocial_font; }
|
30
|
-
%zocial-instapaper:#{$ico-placement} { content: "I"; @extend %zocial_font; }
|
31
|
-
%zocial-intensedebate:#{$ico-placement} { content: "{"; @extend %zocial_font; }
|
32
|
-
%zocial-itunes:#{$ico-placement} { content: "A"; @extend %zocial_font; }
|
33
|
-
%zocial-lastfm:#{$ico-placement} { content: "l"; @extend %zocial_font; }
|
34
|
-
%zocial-linkedin:#{$ico-placement} { content: "L"; @extend %zocial_font; }
|
35
|
-
%zocial-meetup:#{$ico-placement} { content: "M"; @extend %zocial_font; }
|
36
|
-
%zocial-openid:#{$ico-placement} { content: "o"; @extend %zocial_font; }
|
37
|
-
%zocial-paypal:#{$ico-placement} { content: "$"; @extend %zocial_font; }
|
38
|
-
%zocial-plancast:#{$ico-placement} { content: "P"; @extend %zocial_font; }
|
39
|
-
%zocial-posterous:#{$ico-placement} { content: "~"; @extend %zocial_font; }
|
40
|
-
%zocial-rss:#{$ico-placement} { content: "R"; @extend %zocial_font; }
|
41
|
-
%zocial-scribd:#{$ico-placement} { content: "}"; @extend %zocial_font; }
|
42
|
-
%zocial-skype:#{$ico-placement} { content: "S"; @extend %zocial_font; }
|
43
|
-
%zocial-smashingmag:#{$ico-placement} { content: "*"; @extend %zocial_font; }
|
44
|
-
%zocial-songkick:#{$ico-placement} { content: "k"; @extend %zocial_font; }
|
45
|
-
%zocial-soundcloud:#{$ico-placement} { content: "s"; @extend %zocial_font; }
|
46
|
-
%zocial-spotify:#{$ico-placement} { content: "%zocial-"; @extend %zocial_font; }
|
47
|
-
%zocial-tumblr:#{$ico-placement} { content: "t"; @extend %zocial_font; }
|
48
|
-
%zocial-twitter:#{$ico-placement} { content: "T"; @extend %zocial_font; }
|
49
|
-
%zocial-vimeo:#{$ico-placement} { content: "V"; @extend %zocial_font; }
|
50
|
-
%zocial-wikipedia:#{$ico-placement} { content: ","; @extend %zocial_font; }
|
51
|
-
%zocial-wordpress:#{$ico-placement} { content: "w"; @extend %zocial_font; }
|
52
|
-
%zocial-yahoo:#{$ico-placement} { content: "Y"; @extend %zocial_font; }
|
53
|
-
%zocial-yelp:#{$ico-placement} { content: "y"; @extend %zocial_font; }
|
54
|
-
%zocial-youtube:#{$ico-placement} { content: "U"; @extend %zocial_font; }
|
@@ -1,17 +0,0 @@
|
|
1
|
-
#Stipe's predefined web fonts
|
2
|
-
|
3
|
-
Stipe comes pre-installed with icon font libraries `zocial` and `font-awesome`.
|
4
|
-
|
5
|
-
To activate these libraries in your Toadstool project, simple review the instructions in the [_web_fonts.scss](http://goo.gl/TCycJ) file.
|
6
|
-
|
7
|
-
Use of a icon font is pretty straight forward. Simply extend the silent placeholder like so ...
|
8
|
-
|
9
|
-
```scss
|
10
|
-
.bookmark {
|
11
|
-
@extend %icon-bookmark;
|
12
|
-
}
|
13
|
-
```
|
14
|
-
|
15
|
-
Stipe's pre-set values will set the appropriate font family and the character needed.
|
16
|
-
|
17
|
-
Make sure that the font fmailies are loaded in your public folder like the example in [Toadstool](http://goo.gl/ZmAuO).
|