levinmejia

<link rel="stylesheet" href="css/vendor/cssgram.min.css">

levinmejia

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

levinmejia

.image-blur {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

levinmejia

.invert {
  -webkit-filter: invert(.8);
  filter: invert(.8);
}

levinmejia

.grayscale {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

levinmejia

<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>

levinmejia

<div class="promo-bar">
        {{ 'stocking.png' | asset_url | img_tag }}
        <p>Spend over $50 and get FREE expedited shipping! Delivers by November 22nd.</p>
        <a href="">Shop Now!</a>
      </div>
      
      <style>
        .promo-bar {
          position: relative;
          display: inline-block;

levinmejia

html { 
background: url(images/bg.jpg) no-repeat top center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

levinmejia

<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 = '' %}

levinmejia

<ul class="block-grid mobile four-up product-collection">    
	{% for link in linklist.links %} //Here we are saying use the links in the linklist we created and assign them to the below code
	<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.
		{% endcomment %}

		{% assign link_item = link.object %} //Creates a new variable for link_item using link.object which in-turn can access any of the attributes that are available (product, collection, page or blog)
		{% assign link_image = '' %}//creates a new variable for link_image which assigns