VOOZH about

URL: https://gist.github.com/nixstrom

⇱ nixstrom’s gists · GitHub

Skip to content
Sign in Sign up

Instantly share code, notes, and snippets.

Nikki Strømsnes nixstrom

🚀
Launching Kenzi!
Long time consultant made startup CTO. Building @Kenzi-Wealth
View GitHub Profile
<!doctype html>
<title>Hello<style id="jsbin-css">
/* ### GENERAL STYLES; IGNORE THIS PART ### */
:root {
--gutter: 2px;
}
div {
box-sizing: border-box;
}
<main>
<div></div>
<div></div>
<div></div>
<div></div>
</main>
<main>
<div></div>
<div></div>
<div></div>
<div></div>
</main>
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$color-primary: #ff0;
$color-secondary: #00f;
$color-tertiary: #000;
// Mixin to colorize a property according to user level (set as class on body)
<section>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
$base-font-size: 16;
//Function to calculate rem value from expected pixel value
@function rem($values...) {
// How many values must we loop through?
You can’t perform that action at this time.