survivalkit 1.0.beta.11 → 1.0.beta.12
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.markdown +4 -0
- data/lib/survivalkit.rb +2 -2
- data/stylesheets/survivalkit/fonts/_all.scss +2 -0
- data/stylesheets/survivalkit/fonts/_ss-social.scss +136 -0
- data/stylesheets/survivalkit/fonts/_ss-standard.scss +426 -0
- data/stylesheets/survivalkit/reset/_reset.scss +4 -0
- data/templates/clean/manifest.rb +0 -2
- data/templates/drupal/manifest.rb +0 -2
- data/templates/project/manifest.rb +44 -46
- data/templates/project/sources/FitVids/README.md +49 -0
- data/templates/project/sources/FitVids/jquery.fitvids.js +80 -0
- data/templates/project/sources/FitVids/tests.html +66 -0
- data/templates/project/sources/Geared-Scrolling/README.md +31 -0
- data/templates/project/sources/Geared-Scrolling/css/specific.css +88 -0
- data/templates/project/sources/Geared-Scrolling/images/col1.png +0 -0
- data/templates/project/sources/Geared-Scrolling/images/col2.png +0 -0
- data/templates/project/sources/Geared-Scrolling/images/col3.png +0 -0
- data/templates/project/sources/Geared-Scrolling/images/header.png +0 -0
- data/templates/project/sources/Geared-Scrolling/index.html +32 -0
- data/templates/project/sources/Geared-Scrolling/js/init.js +11 -0
- data/templates/project/sources/Geared-Scrolling/js/jquery.heyday.gearedscrolling.js +283 -0
- data/templates/project/sources/Lettering.js/README.md +58 -0
- data/templates/project/sources/Lettering.js/examples/index.html +135 -0
- data/templates/project/sources/Lettering.js/examples/style.css +171 -0
- data/templates/project/sources/Lettering.js/jquery.lettering.js +66 -0
- data/templates/project/sources/Respond/README.md +100 -0
- data/templates/project/sources/Respond/cross-domain/example.html +24 -0
- data/templates/project/sources/Respond/cross-domain/respond-proxy.html +96 -0
- data/templates/project/sources/Respond/cross-domain/respond.proxy.gif +0 -0
- data/templates/project/sources/Respond/cross-domain/respond.proxy.js +127 -0
- data/templates/project/sources/Respond/respond.min.js +6 -0
- data/templates/project/sources/Respond/respond.src.js +326 -0
- data/templates/project/sources/Respond/test/test.css +80 -0
- data/templates/project/sources/Respond/test/test.html +20 -0
- data/templates/project/sources/Respond/test/test2.css +8 -0
- data/templates/project/sources/Respond/test/unit/index.html +29 -0
- data/templates/project/sources/Respond/test/unit/qunit/qunit.css +226 -0
- data/templates/project/sources/Respond/test/unit/qunit/qunit.js +1598 -0
- data/templates/project/sources/Respond/test/unit/test.css +73 -0
- data/templates/project/sources/Respond/test/unit/test2.css +5 -0
- data/templates/project/sources/Respond/test/unit/test3.css +5 -0
- data/templates/project/sources/Respond/test/unit/tests.js +144 -0
- data/templates/project/sources/box-sizing-polyfill/README.md +24 -0
- data/templates/project/sources/box-sizing-polyfill/boxsizing.htc +501 -0
- data/templates/project/sources/formalize/README.txt +26 -0
- data/templates/project/sources/formalize/assets/css/_formalize.sass +326 -0
- data/templates/project/sources/formalize/assets/css/demo.css +654 -0
- data/templates/project/sources/formalize/assets/css/formalize.css +368 -0
- data/templates/project/sources/formalize/assets/css/reset.css +211 -0
- data/templates/project/sources/formalize/assets/css/text.css +81 -0
- data/templates/project/sources/formalize/assets/images/button.png +0 -0
- data/templates/project/sources/formalize/assets/images/select_arrow.gif +0 -0
- data/templates/project/sources/formalize/assets/js/dojo.formalize.js +202 -0
- data/templates/project/sources/formalize/assets/js/dojo.formalize.min.js +1 -0
- data/templates/project/sources/formalize/assets/js/extjs.formalize.js +192 -0
- data/templates/project/sources/formalize/assets/js/extjs.formalize.min.js +1 -0
- data/templates/project/sources/formalize/assets/js/jquery.formalize.js +181 -0
- data/templates/project/sources/formalize/assets/js/jquery.formalize.min.js +1 -0
- data/templates/project/sources/formalize/assets/js/mootools.formalize.js +193 -0
- data/templates/project/sources/formalize/assets/js/mootools.formalize.min.js +1 -0
- data/templates/project/sources/formalize/assets/js/prototype.formalize.js +192 -0
- data/templates/project/sources/formalize/assets/js/prototype.formalize.min.js +1 -0
- data/templates/project/sources/formalize/assets/js/yui.formalize.js +183 -0
- data/templates/project/sources/formalize/assets/js/yui.formalize.min.js +1 -0
- data/templates/project/sources/formalize/demo.html +130 -0
- data/templates/project/sources/formalize/dojo_demo.html +215 -0
- data/templates/project/sources/formalize/dojo_disabled.html +215 -0
- data/templates/project/sources/formalize/dojo_errors.html +215 -0
- data/templates/project/sources/formalize/extjs_demo.html +215 -0
- data/templates/project/sources/formalize/extjs_disabled.html +215 -0
- data/templates/project/sources/formalize/extjs_errors.html +215 -0
- data/templates/project/sources/formalize/jquery_demo.html +215 -0
- data/templates/project/sources/formalize/jquery_disabled.html +215 -0
- data/templates/project/sources/formalize/jquery_errors.html +215 -0
- data/templates/project/sources/formalize/mootools_demo.html +215 -0
- data/templates/project/sources/formalize/mootools_disabled.html +215 -0
- data/templates/project/sources/formalize/mootools_errors.html +215 -0
- data/templates/project/sources/formalize/prototype_demo.html +215 -0
- data/templates/project/sources/formalize/prototype_disabled.html +215 -0
- data/templates/project/sources/formalize/prototype_errors.html +215 -0
- data/templates/project/sources/formalize/unstyled.html +210 -0
- data/templates/project/sources/formalize/yui_demo.html +223 -0
- data/templates/project/sources/formalize/yui_disabled.html +223 -0
- data/templates/project/sources/formalize/yui_errors.html +223 -0
- data/templates/project/sources/iOS-Orientationchange-Fix/README.md +16 -0
- data/templates/project/sources/iOS-Orientationchange-Fix/demo.html +43 -0
- data/templates/project/sources/iOS-Orientationchange-Fix/ios-orientationchange-fix.js +56 -0
- data/templates/project/sources/jQuery-widowFix/index.html +159 -0
- data/templates/project/sources/jQuery-widowFix/js/jquery-1.4.3.min.js +166 -0
- data/templates/project/sources/jQuery-widowFix/js/jquery.widowFix-1.3.2.js +135 -0
- data/templates/project/sources/jQuery-widowFix/js/jquery.widowFix-1.3.2.min.js +10 -0
- data/templates/project/sources/jQuery-widowFix/sample.html +84 -0
- data/templates/project/sources/jquery-html5-placeholder-shim/jquery.html5-placeholder-shim.js +96 -0
- data/templates/project/sources/jquery-html5-placeholder-shim/readme.md +22 -0
- data/templates/project/sources/jquery-html5-placeholder-shim/test.html +103 -0
- data/templates/project/sources/ss-social/ss-social.js +78 -0
- data/templates/project/sources/ss-standard/ss-standard.js +78 -0
- data/templates/shared/partials/01-variables/_colors.scss +2 -6
- data/templates/shared/partials/01-variables/_fonts.scss +49 -2
- data/templates/shared/partials/01-variables/_settings.scss +48 -13
- data/templates/shared/partials/04-base/_all.scss +0 -2
- data/templates/shared/partials/04-base/_common.scss +0 -4
- data/templates/shared/partials/05-layout/_grids-susy.scss +4 -4
- data/templates/shared/style.scss +9 -9
- metadata +93 -5
- data/templates/shared/partials/04-base/_edits.scss +0 -8
- data/templates/shared/partials/04-base/_font-face.scss +0 -14
data/CHANGELOG.markdown
CHANGED
data/lib/survivalkit.rb
CHANGED
@@ -0,0 +1,136 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
// Symbolset
|
4
|
+
// www.symbolset.com
|
5
|
+
// Copyright © 2012 Oak Studios LLC
|
6
|
+
//
|
7
|
+
// Upload this file to your web server
|
8
|
+
// and place this within your <head> tags.
|
9
|
+
// <link href="webfonts/ss-social.css" rel="stylesheet" />
|
10
|
+
|
11
|
+
@import "compass/css3/font-face";
|
12
|
+
|
13
|
+
@include font-face(
|
14
|
+
'SSSocial',
|
15
|
+
font-files(
|
16
|
+
"ss-social-regular.woff", woff,
|
17
|
+
"ss-social-regular.ttf", truetype,
|
18
|
+
"ss-social-regular.svg#ss-social-regular", svg),
|
19
|
+
'ss-social-regular.eot',
|
20
|
+
normal,
|
21
|
+
normal);
|
22
|
+
@include font-face(
|
23
|
+
'SSSocial',
|
24
|
+
font-files(
|
25
|
+
"ss-social-circle.woff", woff,
|
26
|
+
"ss-social-circle.ttf", truetype,
|
27
|
+
"ss-social-circle.svg#ss-social-circle", svg),
|
28
|
+
'ss-social-circle.eot',
|
29
|
+
bold,
|
30
|
+
normal);
|
31
|
+
|
32
|
+
@mixin ss-social-classes {
|
33
|
+
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
|
34
|
+
html:hover [class^="ss-"]{-ms-zoom: 1;}
|
35
|
+
|
36
|
+
.ss-icon, .ss-icon.ss-social,
|
37
|
+
[class^="ss-"]:before, [class*=" ss-"]:before,
|
38
|
+
[class^="ss-"].ss-social:before, [class*=" ss-"].ss-social:before,
|
39
|
+
[class^="ss-"].right:after, [class*=" ss-"].right:after,
|
40
|
+
[class^="ss-"].ss-social.right:after, [class*=" ss-"].ss-social.right:after {
|
41
|
+
font-family: "SSSocial";
|
42
|
+
font-style: normal;
|
43
|
+
font-weight: normal;
|
44
|
+
text-decoration: none;
|
45
|
+
text-rendering: optimizeLegibility;
|
46
|
+
white-space: nowrap;
|
47
|
+
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
|
48
|
+
-moz-font-feature-settings: "liga=1";
|
49
|
+
-moz-font-feature-settings: "liga";
|
50
|
+
-ms-font-feature-settings: "liga" 1;
|
51
|
+
-o-font-feature-settings: "liga";
|
52
|
+
font-feature-settings: "liga";
|
53
|
+
-webkit-font-smoothing: antialiased;
|
54
|
+
}
|
55
|
+
|
56
|
+
.ss-icon.ss-social-circle,
|
57
|
+
[class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
|
58
|
+
[class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after{
|
59
|
+
font-weight: bold;
|
60
|
+
}
|
61
|
+
|
62
|
+
[class^="ss-"].right:before,
|
63
|
+
[class*=" ss-"].right:before{display:none;content:'';}
|
64
|
+
|
65
|
+
.ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-tumblr:before,.ss-tumblr.right:after{content:''}.ss-wordpress:before,.ss-wordpress.right:after{content:''}.ss-blogger:before,.ss-blogger.right:after{content:''}.ss-posterous:before,.ss-posterous.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-svpply:before,.ss-svpply.right:after{content:''}.ss-readmill:before,.ss-readmill.right:after{content:''}.ss-dropbox:before,.ss-dropbox.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-octocat:before,.ss-octocat.right:after{content:''}.ss-stackoverflow:before,.ss-stackoverflow.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-rss:before,.ss-rss.right:after{content:''}
|
66
|
+
}
|
67
|
+
|
68
|
+
@function ss-social-icon($icon) {
|
69
|
+
@if $icon == facebook {
|
70
|
+
@return ''
|
71
|
+
} @else if $icon == twitter {
|
72
|
+
@return '';
|
73
|
+
} @else if $icon == linkedin {
|
74
|
+
@return '';
|
75
|
+
} @else if $icon == googleplus {
|
76
|
+
@return '';
|
77
|
+
} @else if $icon == tumblr {
|
78
|
+
@return '';
|
79
|
+
} @else if $icon == wordpress {
|
80
|
+
@return '';
|
81
|
+
} @else if $icon == blogger {
|
82
|
+
@return '';
|
83
|
+
} @else if $icon == posterous {
|
84
|
+
@return '';
|
85
|
+
} @else if $icon == youtube {
|
86
|
+
@return '';
|
87
|
+
} @else if $icon == vimeo {
|
88
|
+
@return '';
|
89
|
+
} @else if $icon == flickr {
|
90
|
+
@return '';
|
91
|
+
} @else if $icon == instagram {
|
92
|
+
@return '';
|
93
|
+
} @else if $icon == pinterest {
|
94
|
+
@return '';
|
95
|
+
} @else if $icon == dribbble {
|
96
|
+
@return '';
|
97
|
+
} @else if $icon == behance {
|
98
|
+
@return '';
|
99
|
+
} @else if $icon == github {
|
100
|
+
@return '';
|
101
|
+
} @else if $icon == paypal {
|
102
|
+
@return '';
|
103
|
+
} @else if $icon == foursquare {
|
104
|
+
@return '';
|
105
|
+
} @else if $icon == skype {
|
106
|
+
@return '';
|
107
|
+
} @else if $icon == mail {
|
108
|
+
@return '✉';
|
109
|
+
} @else {
|
110
|
+
@return '#{$icon}';
|
111
|
+
}
|
112
|
+
}
|
113
|
+
|
114
|
+
@mixin ss-social($icon: false, $declare-font: true, $circle: false) {
|
115
|
+
@if $declare-font != false {
|
116
|
+
font-family: "SSSocial";
|
117
|
+
font-style: normal;
|
118
|
+
font-weight: normal;
|
119
|
+
text-decoration: none;
|
120
|
+
text-rendering: optimizeLegibility;
|
121
|
+
white-space: nowrap;
|
122
|
+
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
|
123
|
+
-moz-font-feature-settings: "liga=1";
|
124
|
+
-moz-font-feature-settings: "liga";
|
125
|
+
-ms-font-feature-settings: "liga" 1;
|
126
|
+
-o-font-feature-settings: "liga";
|
127
|
+
font-feature-settings: "liga";
|
128
|
+
-webkit-font-smoothing: antialiased;
|
129
|
+
}
|
130
|
+
@if $circle != false{
|
131
|
+
font-weight: bold;
|
132
|
+
}
|
133
|
+
@if $icon != false{
|
134
|
+
content: ss-social-icon($icon);
|
135
|
+
}
|
136
|
+
}
|
@@ -0,0 +1,426 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
// Symbolset
|
4
|
+
// www.symbolset.com
|
5
|
+
// Copyright © 2012 Oak Studios LLC
|
6
|
+
//
|
7
|
+
// Upload this file to your web server
|
8
|
+
// and place this within your <head> tags.
|
9
|
+
// <link href="webfonts/ss-standard.css" rel="stylesheet" />
|
10
|
+
|
11
|
+
@import "compass/css3/font-face";
|
12
|
+
|
13
|
+
@include font-face(
|
14
|
+
'SSStandard',
|
15
|
+
font-files(
|
16
|
+
"ss-standard.woff", woff,
|
17
|
+
"ss-standard.ttf", truetype,
|
18
|
+
"ss-standard.svg#ss-standard", svg),
|
19
|
+
'ss-standard.eot',
|
20
|
+
normal,
|
21
|
+
normal);
|
22
|
+
|
23
|
+
|
24
|
+
@mixin ss-standard-classes {
|
25
|
+
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
|
26
|
+
html:hover [class^="ss-"]{-ms-zoom: 1;}
|
27
|
+
|
28
|
+
.ss-icon, .ss-icon.ss-standard,
|
29
|
+
[class^="ss-"]:before, [class*=" ss-"]:before,
|
30
|
+
[class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before,
|
31
|
+
[class^="ss-"].right:after, [class*=" ss-"].right:after,
|
32
|
+
[class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
|
33
|
+
font-family: "SSStandard";
|
34
|
+
font-style: normal;
|
35
|
+
font-weight: normal;
|
36
|
+
text-decoration: none;
|
37
|
+
text-rendering: optimizeLegibility;
|
38
|
+
white-space: nowrap;
|
39
|
+
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
|
40
|
+
-moz-font-feature-settings: "liga=1";
|
41
|
+
-moz-font-feature-settings: "liga";
|
42
|
+
-ms-font-feature-settings: "liga" 1;
|
43
|
+
-o-font-feature-settings: "liga";
|
44
|
+
font-feature-settings: "liga";
|
45
|
+
-webkit-font-smoothing: antialiased;
|
46
|
+
}
|
47
|
+
|
48
|
+
[class^="ss-"].right:before,
|
49
|
+
[class*=" ss-"].right:before{display:none;content:'';}
|
50
|
+
|
51
|
+
.ss-cursor:before,.ss-cursor.right:after{content:''}.ss-crosshair:before,.ss-crosshair.right:after{content:'⌖'}.ss-search:before,.ss-search.right:after{content:'🔎'}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-view:before,.ss-view.right:after{content:'👀'}.ss-attach:before,.ss-attach.right:after{content:'📎'}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-move:before,.ss-move.right:after{content:''}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-compose:before,.ss-compose.right:after{content:'📝'}.ss-lock:before,.ss-lock.right:after{content:'🔒'}.ss-unlock:before,.ss-unlock.right:after{content:'🔓'}.ss-key:before,.ss-key.right:after{content:'🔑'}.ss-backspace:before,.ss-backspace.right:after{content:'⌫'}.ss-ban:before,.ss-ban.right:after{content:'🚫'}.ss-trash:before,.ss-trash.right:after{content:''}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-tag:before,.ss-tag.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:'🔖'}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-dislike:before,.ss-dislike.right:after{content:'👎'}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-halfheart:before,.ss-halfheart.right:after{content:''}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-sample:before,.ss-sample.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-layers:before,.ss-layers.right:after{content:''}.ss-fill:before,.ss-fill.right:after{content:''}.ss-stroke:before,.ss-stroke.right:after{content:''}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:''}.ss-rss:before,.ss-rss.right:after{content:''}.ss-facetime:before,.ss-facetime.right:after{content:''}.ss-reply:before,.ss-reply.right:after{content:'↩'}.ss-send:before,.ss-send.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-inbox:before,.ss-inbox.right:after{content:'📥'}.ss-chat:before,.ss-chat.right:after{content:'💬'}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:''}.ss-ellipsis:before,.ss-ellipsis.right:after{content:'…'}.ss-user:before,.ss-user.right:after{content:'👤'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'👧'}.ss-users:before,.ss-users.right:after{content:'👥'}.ss-cart:before,.ss-cart.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:'💳'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'💲'}.ss-barchart:before,.ss-barchart.right:after{content:'📊'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-box:before,.ss-box.right:after{content:'📦'}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-buildings:before,.ss-buildings.right:after{content:'🏢'}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-globe:before,.ss-globe.right:after{content:'🌎'}.ss-navigate:before,.ss-navigate.right:after{content:''}.ss-compass:before,.ss-compass.right:after{content:''}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-map:before,.ss-map.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-pin:before,.ss-pin.right:after{content:'📍'}.ss-database:before,.ss-database.right:after{content:''}.ss-hdd:before,.ss-hdd.right:after{content:''}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-mic:before,.ss-mic.right:after{content:'🎤'}.ss-volume:before,.ss-volume.right:after{content:'🔈'}.ss-lowvolume:before,.ss-lowvolume.right:after{content:'🔉'}.ss-highvolume:before,.ss-highvolume.right:after{content:'🔊'}.ss-airplay:before,.ss-airplay.right:after{content:''}.ss-camera:before,.ss-camera.right:after{content:'📷'}.ss-picture:before,.ss-picture.right:after{content:'🌄'}.ss-video:before,.ss-video.right:after{content:'📹'}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-record:before,.ss-record.right:after{content:'●'}.ss-rewind:before,.ss-rewind.right:after{content:'⏪'}.ss-fastforward:before,.ss-fastforward.right:after{content:'⏩'}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-eject:before,.ss-eject.right:after{content:'⏏'}.ss-repeat:before,.ss-repeat.right:after{content:'🔁'}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-shuffle:before,.ss-shuffle.right:after{content:'🔀'}.ss-book:before,.ss-book.right:after{content:'📕'}.ss-openbook:before,.ss-openbook.right:after{content:'📖'}.ss-notebook:before,.ss-notebook.right:after{content:'📓'}.ss-newspaper:before,.ss-newspaper.right:after{content:'📰'}.ss-grid:before,.ss-grid.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-columns:before,.ss-columns.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-filter:before,.ss-filter.right:after{content:''}.ss-desktop:before,.ss-desktop.right:after{content:'💻'}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-cell:before,.ss-cell.right:after{content:'📱'}.ss-battery:before,.ss-battery.right:after{content:'🔋'}.ss-highbattery:before,.ss-highbattery.right:after{content:''}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:''}.ss-lowbattery:before,.ss-lowbattery.right:after{content:''}.ss-emptybattery:before,.ss-emptybattery.right:after{content:''}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'💡'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-fork:before,.ss-fork.right:after{content:''}.ss-merge:before,.ss-merge.right:after{content:''}.ss-transfer:before,.ss-transfer.right:after{content:'⇆'}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-sync:before,.ss-sync.right:after{content:''}.ss-loading:before,.ss-loading.right:after{content:''}.ss-wifi:before,.ss-wifi.right:after{content:''}.ss-connection:before,.ss-connection.right:after{content:''}.ss-file:before,.ss-file.right:after{content:'📄'}.ss-folder:before,.ss-folder.right:after{content:'📁'}.ss-quote:before,.ss-quote.right:after{content:'“'}.ss-text:before,.ss-text.right:after{content:''}.ss-font:before,.ss-font.right:after{content:''}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-fax:before,.ss-fax.right:after{content:'📠'}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-action:before,.ss-action.right:after{content:''}.ss-redirect:before,.ss-redirect.right:after{content:'↪'}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-notifications:before,.ss-notifications.right:after{content:'🔔'}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'🔕'}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'⏱'}.ss-calendar:before,.ss-calendar.right:after{content:'📅'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-briefcase:before,.ss-briefcase.right:after{content:'💼'}.ss-cloud:before,.ss-cloud.right:after{content:'☁'}.ss-droplet:before,.ss-droplet.right:after{content:'💧'}.ss-flask:before,.ss-flask.right:after{content:''}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-upright:before,.ss-upright.right:after{content:'⬈'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-downright:before,.ss-downright.right:after{content:'⬊'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-downleft:before,.ss-downleft.right:after{content:'⬋'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-upleft:before,.ss-upleft.right:after{content:'⬉'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-retweet:before,.ss-retweet.right:after{content:''}
|
52
|
+
|
53
|
+
/* Legacy classes */
|
54
|
+
.ss-volumelow:before,.ss-volumelow.right:after{content:'🔉'}.ss-volumehigh:before,.ss-volumehigh.right:after{content:'🔊'}.ss-batteryhigh:before,.ss-batteryhigh.right:after{content:''}.ss-batterymedium:before,.ss-batterymedium.right:after{content:''}.ss-batterylow:before,.ss-batterylow.right:after{content:''}.ss-batteryempty:before,.ss-batteryempty.right:after{content:''}.ss-clouddownload:before,.ss-clouddownload.right:after{content:''}.ss-cloudupload:before,.ss-cloudupload.right:after{content:''}.ss-calendaradd:before,.ss-calendaradd.right:after{content:''}.ss-calendarremove:before,.ss-calendarremove.right:after{content:''}.ss-calendarcheck:before,.ss-calendarcheck.right:after{content:''}.ss-calendardelete:before,.ss-calendardelete.right:after{content:''}
|
55
|
+
}
|
56
|
+
|
57
|
+
@function ss-standard-icon($icon) {
|
58
|
+
@if $icon == cursor {
|
59
|
+
@return '';
|
60
|
+
} @else if $icon == crosshair {
|
61
|
+
@return '⌖';
|
62
|
+
} @else if $icon == search {
|
63
|
+
@return '🔎';
|
64
|
+
} @else if $icon == zoom {
|
65
|
+
@return '';
|
66
|
+
} @else if $icon == zoomout {
|
67
|
+
@return '';
|
68
|
+
} @else if $icon == view {
|
69
|
+
@return '👀';
|
70
|
+
} @else if $icon == attach {
|
71
|
+
@return '📎';
|
72
|
+
} @else if $icon == link {
|
73
|
+
@return '🔗';
|
74
|
+
} @else if $icon == move {
|
75
|
+
@return '';
|
76
|
+
} @else if $icon == write {
|
77
|
+
@return '✎';
|
78
|
+
} @else if $icon == writingdisabled {
|
79
|
+
@return '';
|
80
|
+
} @else if $icon == erase {
|
81
|
+
@return '✐';
|
82
|
+
} @else if $icon == compose {
|
83
|
+
@return '📝';
|
84
|
+
} @else if $icon == lock {
|
85
|
+
@return '🔒';
|
86
|
+
} @else if $icon == unlock {
|
87
|
+
@return '🔓';
|
88
|
+
} @else if $icon == key {
|
89
|
+
@return '🔑';
|
90
|
+
} @else if $icon == backspace {
|
91
|
+
@return '⌫';
|
92
|
+
} @else if $icon == ban {
|
93
|
+
@return '🚫';
|
94
|
+
} @else if $icon == trash {
|
95
|
+
@return '';
|
96
|
+
} @else if $icon == target {
|
97
|
+
@return '◎';
|
98
|
+
} @else if $icon == tag {
|
99
|
+
@return '';
|
100
|
+
} @else if $icon == bookmark {
|
101
|
+
@return '🔖';
|
102
|
+
} @else if $icon == flag {
|
103
|
+
@return '⚑';
|
104
|
+
} @else if $icon == like {
|
105
|
+
@return '👍';
|
106
|
+
} @else if $icon == dislike {
|
107
|
+
@return '👎';
|
108
|
+
} @else if $icon == heart {
|
109
|
+
@return '♥';
|
110
|
+
} @else if $icon == halfheart {
|
111
|
+
@return '';
|
112
|
+
} @else if $icon == star {
|
113
|
+
@return '⋆';
|
114
|
+
} @else if $icon == halfstar {
|
115
|
+
@return '';
|
116
|
+
} @else if $icon == sample {
|
117
|
+
@return '';
|
118
|
+
} @else if $icon == crop {
|
119
|
+
@return '';
|
120
|
+
} @else if $icon == layers {
|
121
|
+
@return '';
|
122
|
+
} @else if $icon == fill {
|
123
|
+
@return '';
|
124
|
+
} @else if $icon == stroke {
|
125
|
+
@return '';
|
126
|
+
} @else if $icon == phone {
|
127
|
+
@return '📞';
|
128
|
+
} @else if $icon == phonedisabled {
|
129
|
+
@return '';
|
130
|
+
} @else if $icon == rss {
|
131
|
+
@return '';
|
132
|
+
} @else if $icon == facetime {
|
133
|
+
@return '';
|
134
|
+
} @else if $icon == reply {
|
135
|
+
@return '↩';
|
136
|
+
} @else if $icon == send {
|
137
|
+
@return '';
|
138
|
+
} @else if $icon == mail {
|
139
|
+
@return '✉';
|
140
|
+
} @else if $icon == inbox {
|
141
|
+
@return '📥';
|
142
|
+
} @else if $icon == chat {
|
143
|
+
@return '💬';
|
144
|
+
} @else if $icon == ellipsischat {
|
145
|
+
@return '';
|
146
|
+
} @else if $icon == ellipsis {
|
147
|
+
@return '…';
|
148
|
+
} @else if $icon == user {
|
149
|
+
@return '👤';
|
150
|
+
} @else if $icon == femaleuser {
|
151
|
+
@return '👧';
|
152
|
+
} @else if $icon == users {
|
153
|
+
@return '👥';
|
154
|
+
} @else if $icon == cart {
|
155
|
+
@return '';
|
156
|
+
} @else if $icon == creditcard {
|
157
|
+
@return '💳';
|
158
|
+
} @else if $icon == cost {
|
159
|
+
@return '💲';
|
160
|
+
} @else if $icon == barchart {
|
161
|
+
@return '📊';
|
162
|
+
} @else if $icon == piechart {
|
163
|
+
@return '';
|
164
|
+
} @else if $icon == box {
|
165
|
+
@return '📦';
|
166
|
+
} @else if $icon == home {
|
167
|
+
@return '⌂';
|
168
|
+
} @else if $icon == buildings {
|
169
|
+
@return '🏢';
|
170
|
+
} @else if $icon == warehouse {
|
171
|
+
@return '';
|
172
|
+
} @else if $icon == globe {
|
173
|
+
@return '🌎';
|
174
|
+
} @else if $icon == navigate {
|
175
|
+
@return '';
|
176
|
+
} @else if $icon == compass {
|
177
|
+
@return '';
|
178
|
+
} @else if $icon == signpost {
|
179
|
+
@return '';
|
180
|
+
} @else if $icon == location {
|
181
|
+
@return '';
|
182
|
+
} @else if $icon == map {
|
183
|
+
@return '';
|
184
|
+
} @else if $icon == pin {
|
185
|
+
@return '📍';
|
186
|
+
} @else if $icon == database {
|
187
|
+
@return '';
|
188
|
+
} @else if $icon == harddrive {
|
189
|
+
@return '';
|
190
|
+
} @else if $icon == music {
|
191
|
+
@return '♫';
|
192
|
+
} @else if $icon == mic {
|
193
|
+
@return '🎤';
|
194
|
+
} @else if $icon == volume {
|
195
|
+
@return '🔈';
|
196
|
+
} @else if $icon == volumelow {
|
197
|
+
@return '🔉';
|
198
|
+
} @else if $icon == volumehigh {
|
199
|
+
@return '🔊';
|
200
|
+
} @else if $icon == airplay {
|
201
|
+
@return '';
|
202
|
+
} @else if $icon == camera {
|
203
|
+
@return '📷';
|
204
|
+
} @else if $icon == picture {
|
205
|
+
@return '🌄';
|
206
|
+
} @else if $icon == video {
|
207
|
+
@return '📹';
|
208
|
+
} @else if $icon == play {
|
209
|
+
@return '▶';
|
210
|
+
} @else if $icon == pause {
|
211
|
+
@return '';
|
212
|
+
} @else if $icon == stop {
|
213
|
+
@return '■';
|
214
|
+
} @else if $icon == record {
|
215
|
+
@return '●';
|
216
|
+
} @else if $icon == rewind {
|
217
|
+
@return '⏪';
|
218
|
+
} @else if $icon == fastforward {
|
219
|
+
@return '⏩';
|
220
|
+
} @else if $icon == skipback {
|
221
|
+
@return '⏮';
|
222
|
+
} @else if $icon == skipforward {
|
223
|
+
@return '⏭';
|
224
|
+
} @else if $icon == eject {
|
225
|
+
@return '⏏';
|
226
|
+
} @else if $icon == repeat {
|
227
|
+
@return '🔁';
|
228
|
+
} @else if $icon == replay {
|
229
|
+
@return '↺';
|
230
|
+
} @else if $icon == shuffle {
|
231
|
+
@return '🔀';
|
232
|
+
} @else if $icon == book {
|
233
|
+
@return '📕';
|
234
|
+
} @else if $icon == openbook {
|
235
|
+
@return '📖';
|
236
|
+
} @else if $icon == notebook {
|
237
|
+
@return '📓';
|
238
|
+
} @else if $icon == newspaper {
|
239
|
+
@return '📰';
|
240
|
+
} @else if $icon == grid {
|
241
|
+
@return '';
|
242
|
+
} @else if $icon == rows {
|
243
|
+
@return '';
|
244
|
+
} @else if $icon == columns {
|
245
|
+
@return '';
|
246
|
+
} @else if $icon == thumbnails {
|
247
|
+
@return '';
|
248
|
+
} @else if $icon == filter {
|
249
|
+
@return '';
|
250
|
+
} @else if $icon == desktop {
|
251
|
+
@return '💻';
|
252
|
+
} @else if $icon == laptop {
|
253
|
+
@return '';
|
254
|
+
} @else if $icon == tablet {
|
255
|
+
@return '';
|
256
|
+
} @else if $icon == cell {
|
257
|
+
@return '📱';
|
258
|
+
} @else if $icon == battery {
|
259
|
+
@return '🔋';
|
260
|
+
} @else if $icon == batteryhigh {
|
261
|
+
@return '';
|
262
|
+
} @else if $icon == batterymedium {
|
263
|
+
@return '';
|
264
|
+
} @else if $icon == batterylow {
|
265
|
+
@return '';
|
266
|
+
} @else if $icon == batteryempty {
|
267
|
+
@return '';
|
268
|
+
} @else if $icon == lightbulb {
|
269
|
+
@return '💡';
|
270
|
+
} @else if $icon == clouddownload {
|
271
|
+
@return '';
|
272
|
+
} @else if $icon == download {
|
273
|
+
@return '';
|
274
|
+
} @else if $icon == cloudupload {
|
275
|
+
@return '';
|
276
|
+
} @else if $icon == upload {
|
277
|
+
@return '';
|
278
|
+
} @else if $icon == fork {
|
279
|
+
@return '';
|
280
|
+
} @else if $icon == merge {
|
281
|
+
@return '';
|
282
|
+
} @else if $icon == transfer {
|
283
|
+
@return '⇆';
|
284
|
+
} @else if $icon == refresh {
|
285
|
+
@return '↻';
|
286
|
+
} @else if $icon == sync {
|
287
|
+
@return '';
|
288
|
+
} @else if $icon == loading {
|
289
|
+
@return '';
|
290
|
+
} @else if $icon == wifi {
|
291
|
+
@return '';
|
292
|
+
} @else if $icon == connection {
|
293
|
+
@return '';
|
294
|
+
} @else if $icon == file {
|
295
|
+
@return '📄';
|
296
|
+
} @else if $icon == folder {
|
297
|
+
@return '📁';
|
298
|
+
} @else if $icon == quote {
|
299
|
+
@return '“';
|
300
|
+
} @else if $icon == text {
|
301
|
+
@return '';
|
302
|
+
} @else if $icon == font {
|
303
|
+
@return '';
|
304
|
+
} @else if $icon == print {
|
305
|
+
@return '⎙';
|
306
|
+
} @else if $icon == fax {
|
307
|
+
@return '📠';
|
308
|
+
} @else if $icon == list {
|
309
|
+
@return '';
|
310
|
+
} @else if $icon == layout {
|
311
|
+
@return '';
|
312
|
+
} @else if $icon == action {
|
313
|
+
@return '';
|
314
|
+
} @else if $icon == redirect {
|
315
|
+
@return '↪';
|
316
|
+
} @else if $icon == expand {
|
317
|
+
@return '⤢';
|
318
|
+
} @else if $icon == contract {
|
319
|
+
@return '';
|
320
|
+
} @else if $icon == help {
|
321
|
+
@return '❓';
|
322
|
+
} @else if $icon == info {
|
323
|
+
@return 'ℹ';
|
324
|
+
} @else if $icon == alert {
|
325
|
+
@return '⚠';
|
326
|
+
} @else if $icon == caution {
|
327
|
+
@return '⛔';
|
328
|
+
} @else if $icon == logout {
|
329
|
+
@return '';
|
330
|
+
} @else if $icon == plus {
|
331
|
+
@return '+';
|
332
|
+
} @else if $icon == hyphen {
|
333
|
+
@return '-';
|
334
|
+
} @else if $icon == check {
|
335
|
+
@return '✓';
|
336
|
+
} @else if $icon == delete {
|
337
|
+
@return '␡';
|
338
|
+
} @else if $icon == settings {
|
339
|
+
@return '⚙';
|
340
|
+
} @else if $icon == dashboard {
|
341
|
+
@return '';
|
342
|
+
} @else if $icon == notifications {
|
343
|
+
@return '🔔';
|
344
|
+
} @else if $icon == notificationsdisabled {
|
345
|
+
@return '🔕';
|
346
|
+
} @else if $icon == clock {
|
347
|
+
@return '⏲';
|
348
|
+
} @else if $icon == stopwatch {
|
349
|
+
@return '⏱';
|
350
|
+
} @else if $icon == calendar {
|
351
|
+
@return '📆';
|
352
|
+
} @else if $icon == calendaradd {
|
353
|
+
@return '';
|
354
|
+
} @else if $icon == calendarremove {
|
355
|
+
@return '';
|
356
|
+
} @else if $icon == calendarcheck {
|
357
|
+
@return '';
|
358
|
+
} @else if $icon == calendardelete {
|
359
|
+
@return '';
|
360
|
+
} @else if $icon == briefcase {
|
361
|
+
@return '💼';
|
362
|
+
} @else if $icon == cloud {
|
363
|
+
@return '☁';
|
364
|
+
} @else if $icon == drop {
|
365
|
+
@return '💧';
|
366
|
+
} @else if $icon == flask {
|
367
|
+
@return '';
|
368
|
+
} @else if $icon == up {
|
369
|
+
@return '⬆';
|
370
|
+
} @else if $icon == upright {
|
371
|
+
@return '⬈';
|
372
|
+
} @else if $icon == right {
|
373
|
+
@return '➡';
|
374
|
+
} @else if $icon == downright {
|
375
|
+
@return '⬊';
|
376
|
+
} @else if $icon == down {
|
377
|
+
@return '⬇';
|
378
|
+
} @else if $icon == downleft {
|
379
|
+
@return '⬋';
|
380
|
+
} @else if $icon == left {
|
381
|
+
@return '⬅';
|
382
|
+
} @else if $icon == upleft {
|
383
|
+
@return '⬉';
|
384
|
+
} @else if $icon == navigateup {
|
385
|
+
@return '';
|
386
|
+
} @else if $icon == navigateright {
|
387
|
+
@return '▻';
|
388
|
+
} @else if $icon == navigatedown {
|
389
|
+
@return '';
|
390
|
+
} @else if $icon == navigateleft {
|
391
|
+
@return '◅';
|
392
|
+
} @else if $icon == directup {
|
393
|
+
@return '▴';
|
394
|
+
} @else if $icon == directright {
|
395
|
+
@return '▹';
|
396
|
+
} @else if $icon == dropdown {
|
397
|
+
@return '▾';
|
398
|
+
} @else if $icon == directleft {
|
399
|
+
@return '◃';
|
400
|
+
} @else if $icon == retweet {
|
401
|
+
@return '';
|
402
|
+
} @else {
|
403
|
+
@return '#{$icon}';
|
404
|
+
}
|
405
|
+
}
|
406
|
+
|
407
|
+
@mixin ss-standard($icon: false, $declare-font: true) {
|
408
|
+
@if $declare-font != false {
|
409
|
+
font-family: "SSStandard";
|
410
|
+
font-style: normal;
|
411
|
+
font-weight: normal;
|
412
|
+
text-decoration: none;
|
413
|
+
text-rendering: optimizeLegibility;
|
414
|
+
white-space: nowrap;
|
415
|
+
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
|
416
|
+
-moz-font-feature-settings: "liga=1";
|
417
|
+
-moz-font-feature-settings: "liga";
|
418
|
+
-ms-font-feature-settings: "liga" 1;
|
419
|
+
-o-font-feature-settings: "liga";
|
420
|
+
font-feature-settings: "liga";
|
421
|
+
-webkit-font-smoothing: antialiased;
|
422
|
+
}
|
423
|
+
@if $icon != false{
|
424
|
+
content: ss-standard-icon($icon);
|
425
|
+
}
|
426
|
+
}
|