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.
Files changed (20) hide show
  1. data/readme.md +6 -18
  2. data/stylesheets/stipe/_grid.scss +0 -3
  3. data/stylesheets/stipe/_manifest.scss +1 -1
  4. data/stylesheets/stipe/_typography.scss +1 -2
  5. data/stylesheets/stipe/grid/_mixins.scss +1 -2
  6. data/stylesheets/stipe/grid/lib/_grid_placement.scss +0 -12
  7. data/stylesheets/stipe/toadstool/_buttons.scss +8 -2
  8. data/stylesheets/stipe/toadstool/_ui_manifest.scss +4 -0
  9. data/stylesheets/stipe/toadstool/_ui_patterns.scss +2 -1
  10. data/stylesheets/stipe/toadstool/_web_fonts.scss +0 -4
  11. data/stylesheets/stipe/toadstool/ui_patterns/_emBox.scss +3 -6
  12. data/stylesheets/stipe/toadstool/ui_patterns/_ico_fonts_display.scss +20 -0
  13. data/stylesheets/stipe/toadstool/ui_patterns/_ico_loop.scss +7 -0
  14. data/stylesheets/stipe/typography/_ico_font_loop.scss +23 -0
  15. metadata +4 -6
  16. data/stylesheets/stipe/typography/web_fonts/_font_awesome.scss +0 -5
  17. data/stylesheets/stipe/typography/web_fonts/_font_awesome_pua.scss +0 -272
  18. data/stylesheets/stipe/typography/web_fonts/_zocial.scss +0 -5
  19. data/stylesheets/stipe/typography/web_fonts/_zocial_characters.scss +0 -54
  20. 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
data/stylesheets/stipe/_grid.scss CHANGED
@@ -56,6 +56,3 @@ $grid_960: 960 / 100% !default; // grid math for percentages
56
56
 
57
57
  // The mixins that make this grid thing work
58
58
  @import "grid/mixins";
59
-
60
- // The extends that make it awesome
61
- @import "grid/extends";
data/stylesheets/stipe/_manifest.scss CHANGED
@@ -8,4 +8,4 @@
8
8
  @import "gradients";
9
9
  @import "forms";
10
10
  @import "buttons";
11
- @import "plug-ins";
11
+ @import "plug-ins";
data/stylesheets/stipe/_typography.scss CHANGED
@@ -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: #{'FontAwesome'} !default;
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;
data/stylesheets/stipe/grid/_mixins.scss CHANGED
@@ -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 - $col_base;
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
  }
data/stylesheets/stipe/grid/lib/_grid_placement.scss CHANGED
@@ -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);
data/stylesheets/stipe/toadstool/_buttons.scss CHANGED
@@ -17,11 +17,17 @@
17
17
  @media #{$mobile} {
18
18
  display: block;
19
19
  width: auto;
20
- padding: rem(15) rem(10) rem(10) rem(10);
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: "\f00b";
30
+ content: "\e001";
25
31
  font-family: $icon_font_alpha;
26
32
  font-size: 2em;
27
33
  }
data/stylesheets/stipe/toadstool/_ui_manifest.scss CHANGED
@@ -33,3 +33,7 @@
33
33
  @import "grids";
34
34
  @import "ui_patterns";
35
35
  @import "modules";
36
+
37
+ // Stipe grid extends need to load last
38
+ // ------------------------------------------------------------------------------
39
+ @import "stipe/grid/extends";
data/stylesheets/stipe/toadstool/_ui_patterns.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import "ui_patterns/prettify";
2
2
  @import "ui_patterns/emBox";
3
- @import "ui_patterns/color_grid";
3
+ @import "ui_patterns/color_grid";
4
+ @import "ui_patterns/ico_fonts_display";
data/stylesheets/stipe/toadstool/_web_fonts.scss CHANGED
@@ -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
data/stylesheets/stipe/toadstool/ui_patterns/_emBox.scss CHANGED
@@ -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
- .screen-width {
14
- @extend %icon-fullscreen;
15
- }
16
- }
13
+ }
data/stylesheets/stipe/toadstool/ui_patterns/_ico_fonts_display.scss ADDED
@@ -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
+ }
data/stylesheets/stipe/toadstool/ui_patterns/_ico_loop.scss ADDED
@@ -0,0 +1,7 @@
1
+ @each $icon in $icons {
2
+ .icon-#{nth($icon, 1)}:before {
3
+ @extend %ico-font-base;
4
+ content: nth($icon, 2);
5
+ margin-right: 0.25em;
6
+ }
7
+ }
data/stylesheets/stipe/typography/_ico_font_loop.scss ADDED
@@ -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.7.9
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:
data/stylesheets/stipe/typography/web_fonts/_font_awesome.scss DELETED
@@ -1,5 +0,0 @@
1
- @font-face {
2
- @include font-face (FontAwesome, fontawesome-webfont);
3
- }
4
-
5
- @import "font_awesome_pua";
data/stylesheets/stipe/typography/web_fonts/_font_awesome_pua.scss DELETED
@@ -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; }
data/stylesheets/stipe/typography/web_fonts/_zocial.scss DELETED
@@ -1,5 +0,0 @@
1
- @font-face {
2
- @include font-face (zocial);
3
- }
4
-
5
- @import "zocial_characters";
data/stylesheets/stipe/typography/web_fonts/_zocial_characters.scss DELETED
@@ -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; }
data/stylesheets/stipe/typography/web_fonts/readme.md DELETED
@@ -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).