Skip to content

Instantly share code, notes, and snippets.

View vinayraghu's full-sized avatar

Vinay Raghu vinayraghu

23 followers · 27 following
View GitHub Profile
@vinayraghu
vinayraghu / SassMeister-input-HTML.html
Created March 27, 2014 11:08
Singularity sample 2
<div class="container">
<div class="sidebar-primary"></div>
<div class="sidebar-secondary"></div>
<div class="content-area"></div>
<div class="sidebar-tertiary"></div>
</div>
@vinayraghu
vinayraghu / SassMeister-input-HTML.html
Created March 27, 2014 08:46
Source ordering, adding columns
<div class="container">
<div class="sidebar-primary"></div>
<div class="sidebar-secondary"></div>
<div class="content-area"></div>
<div class="sidebar-tertiary"></div>
</div>
@vinayraghu
vinayraghu / SassMeister-input-HTML.html
Created March 14, 2014 06:26
Ratio based grids by Singularity
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<link rel="stylesheet" href="css/test.css">
</head>
<body>
<div class="container">
<section class="primary-sidebar"></section>
@vinayraghu
vinayraghu / SassMeister-input.scss
Last active December 28, 2015 19:39 — forked from chriseppstein/SassMeister-input.scss
// ----
// 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: ();
@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