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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- data.tar.gz: e1ca2d9cdb4fb07da1e75776339070a9a38c5d7b
4
- metadata.gz: 9ef0614e97e4d22b245851c1adfa12ccaef9afab
3
+ metadata.gz: 925afc2e2633916cfdc1656b7a47356d243fb1c1
4
+ data.tar.gz: 7bf3e85b7ee824ed48641a5c12f3b11acf875e6a
5
5
  SHA512:
6
- data.tar.gz: d1255298e3979058ae7907648b430c94b64234552fee7c72bbcff0079c99a28e7cefe97ca8aca3789a6a2959db75bec7ca6d2375f99075b085d91d436f3967c5
7
- metadata.gz: 670c2402c8d5f82b92299944800f24d41a726db24bbff539cc15ceb0f7dfc15f0407732edc994a63a17b2b7f152a95e18d3205011f213acd4d3783f94813f13f
6
+ metadata.gz: 947dc2d28b3f3079aa120e1530f7dff401069fb1e792630d23782026ff13faaf81e7ae2bde875bd5e9e1edea07281638e172798066eaeeb08f7bc923bc2637a6
7
+ data.tar.gz: e924b3554999d7af04529509c744893dd716ddff28f3ad157131378e971a50416044786896cdcfd68532e4852212f60abf31f71c8372ca23949c56b6ddec0903
data/README.md CHANGED
@@ -1,9 +1,9 @@
1
- # Compass Plugin for Symboset
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
- Copy the font libraries to your `font_dir`.
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
- Enjoy!
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
- @charset "UTF-8";
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
- 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
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
- @charset "UTF-8";
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
- 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
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
- @charset "UTF-8";
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
- 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
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: _compass-symbolset.scss
5
- * Author: Jarrett Drouillard ( @kuatsure )
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: Includes all libraries of the Symbolset styles
9
+ * Description: Includes all libraries of the Symbolset styles
8
10
  */
9
11
 
10
- @import 'standard/standard';
11
- @import 'social/circle';
12
- @import 'social/regular';
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";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-symbolset-plugin
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.3
4
+ version: 0.1.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jarrett Drouillard