Skip to content

Instantly share code, notes, and snippets.

@vinayraghu
vinayraghu / Foundation Block Grids Extended
Last active February 12, 2016 17:20
Foundation Block Grids Extended
Foundation Block Grids Extended
--------------------
Describe your own breakpoints and names
Use them to create Block Grids from Foundation
The crazier your grid, the crazier the CSS
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
// Transform a value into rem
// Assuming baseline is set to 10px on :root/html
@function rem($value, $baseline: 10px) {
@if type-of($value) == list {
$result: ();
# ---------------------------------------------------------------------------
#
# Description: This file holds all my BASH configurations and aliases
#
# Sections:
# 1. Environment Configuration
# 2. Make Terminal Better (remapping defaults and adding functionality)
# 3. File and Folder Management
# 4. Searching
# 5. Process Management
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
@vinayraghu
vinayraghu / designer.html
Last active August 29, 2015 14:07
designer
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../core-scaffold/core-scaffold.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-field/core-field.html">
<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../core-input/core-input.html">
@vinayraghu
vinayraghu / SassMeister-input-HTML.haml
Created June 3, 2014 05:54
Generated by SassMeister.com.
.one
.two
.three
.four
@vinayraghu
vinayraghu / SassMeister-input-HTML.html
Created May 28, 2014 13:58
Generated by SassMeister.com.
<div class="marketing-view">
<div class="marketing-view-image">
<img src="http://img.modaoperandi.com/media/img/category_banners/ts_evafehren-stacking_hpmodule_560x560.gif">
</div>
<div class="marketing-products">
<div class="marketing-product">
<div class="marketing-product-image">
<a href="#">
<img src="http://63c73dc6f45a832bff3c-6c645f7f037343c7e349cc379f4554d8.r16.cf1.rackcdn.com/designer/47/29/products/425/166/B03_640x960_1_320x480_1.jpg" alt="">
</a>
<div class="sidebar-primary"></div>
<div class="sidebar-secondary"></div>
<div class="content-area"></div>
@vinayraghu
vinayraghu / SassMeister-input-HTML.html
Created May 3, 2014 05:32
Generated by SassMeister.com.
<div class="sidebar-primary">
Sidebar Primary
</div>
<div class="content-area">
Content
</div>
<div class="sidebar-secondary">
Secondary
</div>
@vinayraghu
vinayraghu / SassMeister-input-HTML.html
Created May 2, 2014 17:18
Generated by SassMeister.com.
<div class="one"></div>
<div class="two">
<div class="sub-one"></div>
<div class="sub-two"></div>
<div class="sub-three"></div>
<div class="sub-four"></div>
</div>
<div class="three"></div>
<div class="four"></div>