Skip to content

Instantly share code, notes, and snippets.

View oksushi's full-sized avatar

Cal Wilson oksushi

View GitHub Profile
@oksushi
oksushi / SassMeister-input.scss
Created April 21, 2015 22:25
Generated by SassMeister.com.
// ----
// libsass (v3.1.0)
// ----
$xs-min:480px;
$mq-xs-min: "(min-width: #{$xs-min})";
@media #{$mq-xs-min} {
.k {
{% comment %}
This snippet spits out the HTML navigation derived from the front matter settings in your markdown files.
https://gist.github.com/dominikwilkowski/c7d916c9b36e4eebbc90
Usage:
{% include navigation.liquid %}
Return:
HTML direct output
@oksushi
oksushi / liquid-tabs.liquid
Created February 24, 2015 08:52
Tabs using Liquid in Shopify
{% 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" />
<ol class="discussions">
<li class="discussion">
<h4 class="discussion-sender">Sender Name</h4>
<p class="discussion-message">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<time class="discussion-date" datetime="2015-01-12">January 10, 2015</time>
</li>
<li class="discussion">
<h4 class="discussion-sender">Sender Name</h4>
<p class="discussion-message">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do
@oksushi
oksushi / SassMeister-input-HTML.html
Created December 3, 2014 07:33
Generated by SassMeister.com.
<div class='container'>
<div class='inner'></div>
</div>
<div class='container big'>
<div class='inner'></div>
</div>
@oksushi
oksushi / SassMeister-input-HTML.html
Created December 3, 2014 07:27
Generated by SassMeister.com.
<div class='container'>
<div class='inner'></div>
</div>
<div class='container big'>
<div class='inner'></div>
</div>
'use strict';
/*******************************************************************************************************
*
* FOLDER STRUCTURE
*
* dev // files in root just move to ./prod/ and *.html files will look for grunt-includes directives
* ├── HTMLincludes // HTML snippets included by grunt-includes
* │ └── windows.html
* ├── fonts // files will simply be moved to ./prod/fonts/
{"events": [
{
"title": "Courses",
"start": "2014-03-12"
},{
"title": "Year of the Writer",
"start": "2014-03-12"
},{
"title": "Write On!",
"start": "2014-03-12"
@oksushi
oksushi / dabblet.css
Created February 25, 2014 02:11
Making a clickable Cage
/**
* Making a clickable Cage
*/
div {
position: relative;
float: left;
}
img {
display: block;
@oksushi
oksushi / dabblet.css
Created February 18, 2014 03:24
Using table display to vertically centre a list of blocks
/**
* Using table display to vertically centre a list of blocks
*/
ul {
list-style: none;
margin: 0;
padding: 0;
text-align: justify;
}