Skip to content

Instantly share code, notes, and snippets.

{
"provisions_items_four":
[
[
{
"title": "Product TK",
"url": "http:\/\/food52.com\/",
"image": "http:\/\/placehold.it\/135x135"
},
{
<!-- This is how it's done for a normal webpage -->
<style>
.my-paragraph {
font-size: 12px;
font-weight: bold;
}
</style>
<p class="my-paragraph">
This is my styled paragraph.
{
"user": {
"debug": false,
"delay": 0.25,
"error_color": "FF0000",
"gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
"lint_mode": "background",
"linters": {
"scss": {
"@disable": false,
@procload
procload / contests.md
Created January 5, 2015 21:50
Design notes about F52 Contests

Contest Process

A new contest launches every other week and two contests are always active at once. The contests go through a series of stages:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title></title>
<style type="text/css">
/* Reset and Generic Styles */
//
//
// Large sharing module for Food52
//
//
.content-sharing {
margin-bottom: 32px;
@extend %group;
//
//
// Large sharing module for Food52
//
//
.content-sharing {
margin-bottom: 32px;
@extend %group;
// Assumes you want IE 8 and below to use largest screen size
@mixin respond-to($viewport-width, $fallback: false, $ie-version: 'lt-ie9') {
@media only screen and (min-width: $viewport-width) {
@content;
}
@if $fallback == true {
@if $ie-version == 'lt-ie9' {
html.lt-ie9 & { // Using Paul Irish's conditional comments
@content;
}
/* line 21, ../../app/assets/stylesheets/modules/_content-sharing.scss */
.content-sharing__btn span {
display: none;
}
@media only screen and (min-width: 480px) {
/* line 21, ../../app/assets/stylesheets/modules/_content-sharing.scss */
.content-sharing__btn span {
display: inline;
}
}
/* line 21, ../../app/assets/stylesheets/modules/_content-sharing.scss */
.content-sharing__btn span {
display: none;
}
@media only screen and (min-width: 480px) {
/* line 21, ../../app/assets/stylesheets/modules/_content-sharing.scss */
.content-sharing__btn span {
display: inline;
}
}