Skip to content

Instantly share code, notes, and snippets.

View levinmejia's full-sized avatar

Levin Mejia levinmejia

View GitHub Profile
-webkit-transform: scale(.5);
transform: scale(.5);
p {
padding: 0 16px 15px
box-shadow: 0 1px 3px rgba(0,0,0,.4);
background: rgba(255,255,255,.97);
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Quickly Implement and Easily Animate SVG Icons On Your Site</title>
<link rel="stylesheet" href="css/style.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
{% unless collection.handle != 'bags' or collection.handle != 'blazers jackets' %}
<ul class="block-grid mobile four-up product-collection">
{% for link in linklist.links %}
<li>
<div class="product">
{% comment %}
You can connect collections, products, pages, & even blogs. By default it will use the first product that appears on a collection or you can pick a featured image as we’ve done.
{% endcomment %}
{% assign link_item = link.object %}
{% assign link_image = '' %}
<a href="/cart" id="cart-total">
{{ 'santa-hat.png' | asset_url | img_tag }}
{% if shop.money_format == '${{amount}}' %}
<span id="cart-price">{{ cart.total_price | money | replace: '.00', '' }}</span>
{% else %}
<span id="cart-price">{{ cart.total_price | money }}</span>
{% endif %}
</a>
<style>
.grayscale {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.invert {
-webkit-filter: invert(.8);
filter: invert(.8);
}
.image-blur {
-webkit-filter: blur(10px);
filter: blur(10px);
}
filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();