Cal Wilson oksushi

Frontend Development

Attention: the list was moved to

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

	# 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

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

	{%- 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 }}">

	.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: "";
	}

	[16:08] <daFonseca> hu
	[16:38] Mode is +cgnt
	[16:38] <oksushi> daFonseca: do you manually type that each time into every channel you join, or is it some /amsg script?
	[16:40] obert ([email protected]) left IRC (Ping timeout: 260 seconds)
	[16:41] <daFonseca> oksushi may you go fuck yourself? Like i write html i write manualy. But that is not you fuck problem.
	[16:42] <oksushi> I’m assuming you told me to go fuck myself?
	[16:42] daFonseca has userhost [email protected] and real name “realname”
	[16:42] daFonseca is on ##design ##frontend #html #css
	[16:42] daFonseca is connected on leguin.freenode.net (Umeå, SE, EU)
	[16:42] daFonseca is using a secure connection

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

	<header role="banner">
	<h1 class="logo">
	<a href="#">
	<svg viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg">
	<circle cx="23" cy="23" r="20"></circle>
	</svg>
	</a>
	</h1>
	<nav role="navigation">
	<ul>