compass-symbolset-plugin 0.1.3 → 0.1.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +20 -6
- data/stylesheets/Social/_circle.scss +11 -9
- data/stylesheets/Social/_regular.scss +11 -9
- data/stylesheets/Standard/_standard.scss +12 -10
- data/stylesheets/_compass-symbolset.scss +14 -6
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
|
4
|
-
|
3
|
+
metadata.gz: 925afc2e2633916cfdc1656b7a47356d243fb1c1
|
4
|
+
data.tar.gz: 7bf3e85b7ee824ed48641a5c12f3b11acf875e6a
|
5
5
|
SHA512:
|
6
|
-
|
7
|
-
|
6
|
+
metadata.gz: 947dc2d28b3f3079aa120e1530f7dff401069fb1e792630d23782026ff13faaf81e7ae2bde875bd5e9e1edea07281638e172798066eaeeb08f7bc923bc2637a6
|
7
|
+
data.tar.gz: e924b3554999d7af04529509c744893dd716ddff28f3ad157131378e971a50416044786896cdcfd68532e4852212f60abf31f71c8372ca23949c56b6ddec0903
|
data/README.md
CHANGED
@@ -1,9 +1,9 @@
|
|
1
|
-
# Compass Plugin for
|
1
|
+
# Compass Plugin for Symbolset
|
2
2
|
|
3
3
|
*Keep in mind you'll need to buy the font libraries from Symbolset for this plugin to be of any use to you and your project*
|
4
4
|
|
5
5
|
## Install via [Rubygems](https://rubygems.org/gems/compass-symbolset-plugin)
|
6
|
-
```
|
6
|
+
```bash
|
7
7
|
$ gem update --system
|
8
8
|
|
9
9
|
$ gem install compass-symbolset-plugin
|
@@ -20,18 +20,32 @@ Import it in your `.scss` file.
|
|
20
20
|
@import 'compass-symbolset'
|
21
21
|
```
|
22
22
|
|
23
|
-
|
23
|
+
### Triggers ( new )
|
24
|
+
|
25
|
+
In your `.scss` file that imports the stylesheets, we now use sass variable triggers. All styles are off by default. Turn them on by switching the variable.
|
26
|
+
|
27
|
+
```scss
|
28
|
+
$use-standard: true; // If you want to use Standard Symbolset
|
29
|
+
```
|
24
30
|
|
25
31
|
## Versions
|
32
|
+
|
26
33
|
SS-Standard => 1.004
|
34
|
+
|
27
35
|
SS-Social-Circle => 1.005
|
36
|
+
|
28
37
|
SS-Social-Regular => 1.005
|
29
38
|
|
30
|
-
Don't forget to update your js files.
|
31
39
|
|
32
|
-
|
40
|
+
## Don't forget to ...
|
41
|
+
|
42
|
+
Copy the font libraries to your `font_dir`.
|
43
|
+
|
44
|
+
Update your js files.
|
45
|
+
|
46
|
+
### Enjoy!
|
33
47
|
|
34
48
|
Currently only supports the Standard & Social ( Regular & Circle ) libraries.
|
35
49
|
|
36
50
|
## Thanks
|
37
|
-
[Compass](http://compass-style.org/) & [Symbolset](https://symbolset.com/)
|
51
|
+
[Compass](http://compass-style.org/) & [Symbolset](https://symbolset.com/)
|
@@ -1,4 +1,4 @@
|
|
1
|
-
@
|
1
|
+
@if $use-social-circle == true{
|
2
2
|
|
3
3
|
/*
|
4
4
|
* Symbolset
|
@@ -11,14 +11,14 @@
|
|
11
11
|
*/
|
12
12
|
|
13
13
|
@include font-face( 'SSSocialCircle',
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
14
|
+
font-files(
|
15
|
+
'ss-social-circle.woff', 'woff',
|
16
|
+
'ss-social-circle.ttf', 'truetype',
|
17
|
+
'ss-social-circle.svg#SSSocialCircle', 'svg'
|
18
|
+
),
|
19
|
+
'ss-social-circle.eot',
|
20
|
+
normal,
|
21
|
+
normal
|
22
22
|
);
|
23
23
|
|
24
24
|
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
|
@@ -51,3 +51,5 @@ html:hover [class^="ss-"]{-ms-zoom: 1;}
|
|
51
51
|
|
52
52
|
/* Legacy */
|
53
53
|
.ss-fivehundredpx:before,.ss-fivehundredpx.right:after{content:''}
|
54
|
+
|
55
|
+
}//endif
|
@@ -1,4 +1,4 @@
|
|
1
|
-
@
|
1
|
+
@if $use-social-regular == true{
|
2
2
|
|
3
3
|
/*
|
4
4
|
* Symbolset
|
@@ -11,14 +11,14 @@
|
|
11
11
|
*/
|
12
12
|
|
13
13
|
@include font-face( 'SSSocialRegular',
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
14
|
+
font-files(
|
15
|
+
'ss-social-regular.woff', 'woff',
|
16
|
+
'ss-social-regular.ttf', 'truetype',
|
17
|
+
'ss-social-regular.svgSSSocialRegular', 'svg'
|
18
|
+
),
|
19
|
+
'ss-social-regular.eot',
|
20
|
+
normal,
|
21
|
+
normal
|
22
22
|
);
|
23
23
|
|
24
24
|
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
|
@@ -51,3 +51,5 @@ html:hover [class^="ss-"]{-ms-zoom: 1;}
|
|
51
51
|
|
52
52
|
/* Legacy */
|
53
53
|
.ss-fivehundredpx:before,.ss-fivehundredpx.right:after{content:''}
|
54
|
+
|
55
|
+
}//endif
|
@@ -1,4 +1,4 @@
|
|
1
|
-
@
|
1
|
+
@if $use-standard == true{
|
2
2
|
|
3
3
|
/*
|
4
4
|
* Symbolset
|
@@ -11,14 +11,14 @@
|
|
11
11
|
*/
|
12
12
|
|
13
13
|
@include font-face( 'SSStandard',
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
14
|
+
font-files(
|
15
|
+
'ss-standard.woff', 'woff',
|
16
|
+
'ss-standard.ttf', 'truetype',
|
17
|
+
'ss-standard.svg#SSStandard', 'svg'
|
18
|
+
),
|
19
|
+
'ss-standard.eot',
|
20
|
+
normal,
|
21
|
+
normal
|
22
22
|
);
|
23
23
|
|
24
24
|
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
|
@@ -50,4 +50,6 @@ html:hover [class^="ss-"]{-ms-zoom: 1;}
|
|
50
50
|
.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:''}
|
51
51
|
|
52
52
|
/* Legacy classes */
|
53
|
-
.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:''}
|
53
|
+
.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:''}
|
54
|
+
|
55
|
+
}//endif
|
@@ -1,12 +1,20 @@
|
|
1
1
|
/**
|
2
2
|
* Symbolset Gem
|
3
3
|
*
|
4
|
-
* Name:
|
5
|
-
*
|
4
|
+
* Name: _compass-symbolset.scss
|
5
|
+
* Path: /stylesheets/_compass-symbolset.scss
|
6
|
+
* Author: Jarrett Drouillard ( @kuatsure )
|
7
|
+
* Created At: 12/16/12
|
6
8
|
*
|
7
|
-
* Description:
|
9
|
+
* Description: Includes all libraries of the Symbolset styles
|
8
10
|
*/
|
9
11
|
|
10
|
-
@
|
11
|
-
|
12
|
-
|
12
|
+
@charset "UTF-8";
|
13
|
+
|
14
|
+
$use-standard: false!default;
|
15
|
+
$use-social-circle: false!default;
|
16
|
+
$use-social-regular: false!default;
|
17
|
+
|
18
|
+
@import "standard/standard";
|
19
|
+
@import "social/circle";
|
20
|
+
@import "social/regular";
|