Skip to content

Instantly share code, notes, and snippets.

function makeColorButtons(){
var color_select = $('#product-select-option-0'),
color_list = $('#colors').html("");
color_select.find('option').each(function(i,el){
var element = $(el);
{% if product.tags.size > 0 %}
<!-- START RELATED -->
<div id="related">
<h6>{% if settings.related.size > 0 %}{{ settings.related | escape }}{% else %}Take a look at these great accessories:{% endif %}</h6>
<!-- START SLIDER -->
<div id="slider" class="clear">
<!-- START PREV -->
<div id="prev">
<p><a href="/collections/all" class="inactive">Previous</a></p>
</div>
.block {
color: red;
}
.block__element {
color: green;
}
.block__element--modifier {
color: blue;
}
@syahrasi
syahrasi / styleguide-rendered.html
Last active December 28, 2015 11:39 — forked from una/SassMeister-input-HTML.html
Generated by SassMeister.com.
<!-- @una made this -->
<ul class="color-list">
<li class="color-box brick-red"></li>
<li class="color-box strawberry"></li>
<li class="color-box deep-orange"></li>
<li class="color-box tangerine"></li>
<li class="color-box gold"></li>
<li class="color-box sunshine"></li>
<li class="color-box grass-green"></li>
@syahrasi
syahrasi / inuit-media-output.css
Last active December 28, 2015 12:29
Generated by SassMeister.com.
.cf, .media {
*zoom: 1;
}
.cf:after, .media:after {
content: "";
display: table;
clear: both;
}
.media {
@syahrasi
syahrasi / inuit-beautons-input.scss
Last active December 28, 2015 12:29
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@import "compass";
$brand-round: 0;
@mixin e($name) {
@syahrasi
syahrasi / SassMeister-input-HTML.html
Created November 21, 2013 04:03 — forked from jedfoster/SassMeister-input-HTML.html
Generated by SassMeister.com.
<p>Demo cribbed from <a href="http://viget.com/extend/sass-maps-are-awesome">viget.com/extend/sass-maps-are-awesome</a></p>
<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>
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
// http://codepen.io/jlong/pen/wErcp
@import "compass";
@include global-reset;
@syahrasi
syahrasi / gist_blog_test.md
Created November 27, 2013 03:06
Add scss code sample

Gist Blog Test

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

def test
 puts 'test'