Skip to content

Instantly share code, notes, and snippets.

@bluestrike2
Created August 4, 2012 07:49
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bluestrike2/3255669 to your computer and use it in GitHub Desktop.
Save bluestrike2/3255669 to your computer and use it in GitHub Desktop.
Stylus stylesheet for symbolset icons
@charset "UTF-8";
@font-face
font-family: 'SS-Standard'
src: url("<%= asset_path('/assets/ss-standard.eot') %>")
src: url("<%= asset_path('/assets/ss-standard.eot?#iefix') %>") format('embedded-opentype'),
url("<%= asset_path('/assets/ss-standard.woff') %>") format('woff'),
url("<%= asset_path('/assets/ss-standard.ttf') %>") format('truetype'),
url("<%= asset_path('/assets/ss-standard.svg#SSStandard') %>") format('svg')
@font-face
font-family: 'SS-Social'
src: url("<%= asset_path('/assets/ss-social-regular.eot') %>")
src: url("<%= asset_path('/assets/ss-social-regular.eot?#iefix') %>") format('embedded-opentype'),
url("<%= asset_path('/assets/ss-social-regular.woff') %>") format('woff'),
url("<%= asset_path('/assets/ss-social-regular.ttf') %>") format('truetype'),
url("<%= asset_path('/assets/ss-social-regular.svg#SSStandard') %>") format('svg')
@font-face
font-family: 'SS-Social'
font-weight: bold
src: url("<%= asset_path('/assets/ss-social-circle.eot') %>")
src: url("<%= asset_path('/assets/ss-social-circle.eot?#iefix') %>") format('embedded-opentype'),
url("<%= asset_path('/assets/ss-social-circle.woff') %>") format('woff'),
url("<%= asset_path('/assets/ss-social-circle.ttf') %>") format('truetype'),
url("<%= asset_path('/assets/ss-social-circle.svg#SSStandard') %>") format('svg')
// SymbolSet Icons
.ss-icon
font-style: normal
font-weight: normal
text-decoration: none
text-rendering: optimizeLegibility
white-space: nowrap
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: "liga", "dlig";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
.ss-standard
font-family: 'SS-Standard'
.ss-social
font-family: 'SS-Social'
.ss-social-circle
font-family: 'SS-Social'
font-weight: bold
// SS Standard
ss-cursor()
content: '๎€'
ss-crosshair()
content: 'โŒ–'
ss-search()
content: '๐Ÿ”Ž'
ss-view()
content: '๐Ÿ‘€'
ss-attach()
content: '๐Ÿ“Ž'
ss-link()
content: '๐Ÿ”—'
ss-move()
content: '๎ฐ'
ss-write()
content: 'โœŽ'
ss-writingdisabled()
content: '๎ฑ'
ss-erase()
content: 'โœ'
ss-compose()
content: '๐Ÿ“'
ss-lock()
content: '๐Ÿ”’'
ss-unlock()
content: '๐Ÿ”“'
ss-key()
content: '๐Ÿ”‘'
ss-backspace()
content: 'โŒซ'
ss-ban()
content: '๐Ÿšซ'
ss-trash()
content: '๎ƒ'
ss-target()
content: 'โ—Ž'
ss-tag()
content: '๎„€'
ss-bookmark()
content: '๐Ÿ”–'
ss-flag()
content: 'โš‘'
ss-like()
content: '๐Ÿ‘'
ss-dislike()
content: '๐Ÿ‘Ž'
ss-heart()
content: 'โ™ฅ'
ss-halfheart()
content: '๎† '
ss-star()
content: 'โ‹†'
ss-halfstar()
content: '๎†ก'
ss-sample()
content: '๎ˆ€'
ss-crop()
content: '๎ˆ'
ss-layers()
content: '๎ˆ‚'
ss-phone()
content: '๐Ÿ“ž'
ss-phonedisabled()
content: '๎Œ€'
ss-rss()
content: '๎Œ'
ss-facetime()
content: '๎Œ '
ss-reply()
content: 'โ†ฉ'
ss-mail()
content: 'โœ‰'
ss-inbox()
content: '๐Ÿ“ฅ'
ss-chat()
content: '๐Ÿ’ฌ'
ss-user()
content: '๐Ÿ‘ค'
ss-femaleuser()
content: '๐Ÿ‘ง'
ss-users()
content: '๐Ÿ‘ฅ'
ss-cart()
content: '๎”€'
ss-creditcard()
content: '๐Ÿ’ณ'
ss-barchart()
content: '๐Ÿ“Š'
ss-piechart()
content: '๎•ฐ'
ss-box()
content: '๐Ÿ“ฆ'
ss-home()
content: 'โŒ‚'
ss-globe()
content: '๐ŸŒŽ'
ss-navigate()
content: '๎™ฐ'
ss-compass()
content: '๎™ฑ'
ss-signpost()
content: '๎™ฒ'
ss-location()
content: '๎›'
ss-map()
content: '๎™ณ'
ss-pin()
content: '๐Ÿ“'
ss-database()
content: '๎ž '
ss-music()
content: 'โ™ซ'
ss-mic()
content: '๐ŸŽค'
ss-volume()
content: '๐Ÿ”ˆ'
ss-volumelow()
content: '๐Ÿ”‰'
ss-volumehigh()
content: '๐Ÿ”Š'
ss-airplay()
content: '๎ €'
ss-camera()
content: '๐Ÿ“ท'
ss-picture()
content: '๐ŸŒ„'
ss-video()
content: '๐Ÿ“น'
ss-play()
content: 'โ–ถ'
ss-pause()
content: '๎ข '
ss-stop()
content: 'โ– '
ss-record()
content: 'โ—'
ss-rewind()
content: 'โช'
ss-fastforward()
content: 'โฉ'
ss-skipback()
content: 'โฎ'
ss-skipforward()
content: 'โญ'
ss-eject()
content: 'โ'
ss-repeat()
content: '๐Ÿ”'
ss-replay()
content: 'โ†บ'
ss-shuffle()
content: '๐Ÿ”€'
ss-notebook()
content: '๐Ÿ““'
ss-grid()
content: '๎ฆ '
ss-rows()
content: '๎ฆก'
ss-columns()
content: '๎ฆข'
ss-desktop()
content: '๐Ÿ’ป'
ss-laptop()
content: '๎จ€'
ss-tablet()
content: '๎จ'
ss-cell()
content: '๐Ÿ“ฑ'
ss-battery()
content: '๐Ÿ”‹'
ss-batteryhigh()
content: '๎จ'
ss-batterymedium()
content: '๎จ‘'
ss-batterylow()
content: '๎จ’'
ss-batteryempty()
content: '๎จ“'
ss-clouddownload()
content: '๎ฌ€'
ss-download()
content: '๎ฌ'
ss-cloudupload()
content: '๎ญ€'
ss-upload()
content: '๎ญ'
ss-fork()
content: '๎ฎ€'
ss-merge()
content: '๎ฎ'
ss-refresh()
content: 'โ†ป'
ss-sync()
content: '๎ฎ‚'
ss-loading()
content: '๎ฎƒ'
ss-wifi()
content: '๎ฎ„'
ss-connection()
content: '๎ฎ…'
ss-file()
content: '๐Ÿ“„'
ss-folder()
content: '๐Ÿ“'
ss-quote()
content: 'โ€œ'
ss-text()
content: '๎ด€'
ss-font()
content: '๎ด'
ss-print()
content: 'โŽ™'
ss-fax()
content: '๐Ÿ“ '
ss-list()
content: '๎ต'
ss-layout()
content: '๎ถ '
ss-action()
content: '๎ธ€'
ss-expand()
content: 'โคข'
ss-contract()
content: '๎ธ'
ss-help()
content: 'โ“'
ss-info()
content: 'โ„น'
ss-alert()
content: 'โš '
ss-caution()
content: 'โ›”'
ss-plus()
content: '+'
ss-hyphen()
content: '-'
ss-dropdown()
content: 'โ–พ'
ss-check()
content: 'โœ“'
ss-delete()
content: 'โก'
ss-settings()
content: 'โš™'
ss-dashboard()
content: '๏€€'
ss-notifications()
content: '๐Ÿ””'
ss-notificationsdisabled()
content: '๐Ÿ”•'
ss-clock()
content: 'โฒ'
ss-stopwatch()
content: 'โฑ'
ss-calendar()
content: '๐Ÿ“†'
ss-calendaradd()
content: '๏ฐ'
ss-calendarremove()
content: '๏ฑ'
ss-calendarcheck()
content: '๏ฒ'
ss-briefcase()
content: '๐Ÿ’ผ'
ss-cloud()
content: 'โ˜'
ss-navigateup()
content: '๏”€'
ss-navigateright()
content: 'โ–ป'
ss-navigatedown()
content: '๏”'
ss-navigateleft()
content: 'โ—…'
ss-up()
content: 'โฌ†'
ss-upright()
content: 'โฌˆ'
ss-right()
content: 'โžก'
ss-downright()
content: 'โฌŠ'
ss-down()
content: 'โฌ‡'
ss-downleft()
content: 'โฌ‹'
ss-left()
content: 'โฌ…'
ss-upleft()
content: 'โฌ‰'
ss-retweet()
content: '๏˜€'
// Symbolset Social
ss-facebook()
content: '๏˜'
ss-twitter()
content: '๏˜‘'
ss-linkedin()
content: '๏˜’'
ss-googleplus()
content: '๏˜“'
ss-tumblr()
content: '๏˜ '
ss-wordpress()
content: '๏˜ก'
ss-blogger()
content: '๏˜ข'
ss-posterous()
content: '๏˜ฃ'
ss-youtube()
content: '๏˜ฐ'
ss-vimeo()
content: '๏˜ฑ'
ss-flickr()
content: '๏™€'
ss-instagram()
content: '๏™'
ss-pinterest()
content: '๏™'
ss-dribbble()
content: '๏™ '
ss-behance()
content: '๏™ก'
ss-github()
content: '๏™ฐ'
ss-paypal()
content: '๏š€'
ss-foursquare()
content: '๏š'
ss-skype()
content: '๏š '
ss-mail()
content: 'โœ‰'
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment