oksushi

{% if product-description-tabs %}
  {% assign description = product-description-tabs %}
  {% capture description %}{{ description }} 重量： {{variant.weight | weight_with_unit }} <br> 編號： {{variant.sku }}{% endcapture %}
{% else %}
  {% assign description = product.description %}
  {% capture description %}{{ description }} 重量： {{variant.weight | weight_with_unit }}  <br> 編號： {{variant.sku }}{% endcapture %}
{% endif %}

{% if description %}
	<link href="/apps/tabs/css" rel="stylesheet" type="text/css"  media="all"  />

oksushi

# Code Style Guide

This guide outlines the coding conventions and best practices for this Shopify Skeleton theme.

## Liquid Conventions

### Syntax and Formatting

**Multi-line Liquid Logic**
```liquid

oksushi

---
layout: gist
title: Snatch
published: true
permalink: /workouts
hero-title: Snatch
category: Workouts
tag: CrossFit
hero-paragraph: Monday, Dec 2
hero-image: man-changing-oly-weights-at-alsw-in-holly-springs-hero

oksushi

/**
 * Text transform on placeholder text
 */
input {text-transform: uppercase;}
input::-webkit-input-placeholder {text-transform: lowercase;}
input::-moz-placeholder {text-transform: lowercase;}

/* If you want more than webkit and firefox, http://css-tricks.com/snippets/css/style-placeholder-text/ */

oksushi

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

---

oksushi

{%- assign social_accounts = 'Facebook, Twitter, Pinterest, Instagram, Snapchat, Tumblr, YouTube, Vimeo,' | split: ', ' -%}
  <ul>
    {% for social in social_accounts %}
      {%- assign social_handle = social | handleize -%}
      {% capture social_link %}social_{{ social_handle }}_link{% endcapture %}
      {% capture social_icon %}icon-{{ social_handle }}{% endcapture %}

      {% if settings[social_link] != blank %}
        <li>
          <a href="{{ settings[social_link] }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: social }}">

oksushi

/**
 * An unordered list with an em dash
 */

ul {list-style: none;}
li:before {content: "–";}

oksushi

.b-detail-product__price-container .b-compare__link
    &::before {
        background: url($sprite-url) no-repeat -337px -166px;
        width: 12px;
        height: 16px;
        position: absolute;
        top: 2px;
        left: 0;
        content: "";
    }

oksushi

/* Pulsing circle on hover */
@keyframes pulse {
    50% {
        box-shadow: 0 0 0 40px rgba(255,255,255,.2),
        0 0 0 55px rgba(255,255,255,.4),
        0 0 0 80px rgba(255, 65, 226, 0.5000);
    }
}

div {

oksushi

// intrinsic.scss ------------------------
// An Intrinsic Ratio Component
// From http://daverupert.com/2015/12/intrinsic-placeholders-with-picture/
// ---------------------------------------

.intrinsic {

  // Make sure <picture> wrapper is set to block
  // Max-width is governed by parentNode
  display: block;