Skip to content

Instantly share code, notes, and snippets.

@bluestrike2

bluestrike2/symbolset.styl

Created August 4, 2012 07:49
Show Gist options
  • Save bluestrike2/3255669 to your computer and use it in GitHub Desktop.
Save bluestrike2/3255669 to your computer and use it in GitHub Desktop.
Download ZIP
Stylus stylesheet for symbolset icons
Raw
symbolset.styl
@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