Skip to content

Instantly share code, notes, and snippets.

@jgarber623
Created October 14, 2013 22:21
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jgarber623/6983233 to your computer and use it in GitHub Desktop.
Save jgarber623/6983233 to your computer and use it in GitHub Desktop.
Sass 3.3 adds a new SassScript Maps feature that's super handy.
<ol>
<li><a href="#" class="profile-link--bandcamp profile-link">Bandcamp</a></li>
<li><a href="#" class="profile-link--delicious profile-link">Delicious</a></li>
<li><a href="#" class="profile-link--facebook profile-link">Facebook</a></li>
<li><a href="#" class="profile-link--ficly profile-link">Ficly</a></li>
<li><a href="#" class="profile-link--flickr profile-link">Flickr</a></li>
<li><a href="#" class="profile-link--github profile-link">GitHub</a></li>
<li><a href="#" class="profile-link--googleplus profile-link">Google+</a></li>
<li><a href="#" class="profile-link--instagram profile-link">Instagram</a></li>
<li><a href="#" class="profile-link--kickstarter profile-link">Kickstarter</a></li>
<li><a href="#" class="profile-link--lanyrd profile-link">Lanyrd</a></li>
<li><a href="#" class="profile-link--lastfm profile-link">Last.fm</a></li>
<li><a href="#" class="profile-link--linkedin profile-link">LinkedIn</a></li>
<li><a href="#" class="profile-link--photodrop profile-link">PhotoDrop</a></li>
<li><a href="#" class="profile-link--pinterest profile-link">Pinterest</a></li>
<li><a href="#" class="profile-link--rdio profile-link">Rdio</a></li>
<li><a href="#" class="profile-link--soundcloud profile-link">SoundCloud</a></li>
<li><a href="#" class="profile-link--twitter profile-link">Twitter</a></li>
<li><a href="#" class="profile-link--vimeo profile-link">Vimeo</a></li>
<li><a href="#" class="profile-link--youtube profile-link">YouTube</a></li>
</ol>
@jgarber623
Copy link
Author

The above is an example of using Sass 3.3's new SassScript Maps feature. Documentation currently available right over here.

See this Gist in action at sixtwothree.org.

@jgarber623
Copy link
Author

I've also written up a brief tutorial explaining the technique I used here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment