Skip to content

Instantly share code, notes, and snippets.

View lozandier's full-sized avatar

Kevin Lozandier lozandier

View GitHub Profile
@lozandier
lozandier / SassMeister-input-HTML.html
Created November 11, 2015 22:22
Generated by SassMeister.com.
<?xml version="1.0" standalone="no"?>
<?xml-stylesheet type="text/css" href="tree.css"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="800" height="800" viewBox="0 0 800 800" xml:space="preserve">
<g id="trunk">
<path class="st0" d="M562.7 272.1c-21 38.8-59.7 58.3-102.3 63.6 -20.2 2.5-40.8 2-61.1 0 -9.9-1-19.6-2.8-29.5-3.6 -5.6-0.5-11.7-0.6-17.2 0.8 -0.3-4.5-0.7-9.1-1.2-13.6 -2.9-27.3-8.9-55.2-23.7-78.6 -3.4-5.3-21.2-25.4-28.2-17.1 -0.9 1.1-0.6 2.4 0.2 3.1 -0.2 0.8 0 1.6 0.9 2.2 7.3 3.9 10.9 12.1 13.7 19.6 3.7 9.9 5.8 20 6.8 30.5 1.8 19.2-0.2 38.6-1 57.8 -1 24.8-4.9 49.4-10.3 73.8 -9.7-22.6-34.7-35.3-52.5-50.6 -25.4-21.8-41.2-59.4-29.4-92.1 0.7-2-2.5-3.4-3.5-1.5 -8.1 16.2-13.4 32.9-11.6 51 -8.1-1.5-15.6-5.8-19.7-13.3 -0.6-1.2-2.5-0.7-2.5 0.7 0.3 13.4 10.5 34.6 26.1 34.9 0.4 0 0.8-0.2 1-0.4 4.6 13.5 11.7 26.1 20 37.9 10.8 15.3 24.4 27.8 36.5 42 10.9 12.7 22.2 28.9 21.6 46.3 -5.5 19.6-11.4 39.2-15.6 59.1 -4.3 20.1-6 40.7-7.8 61.1 -3.6 4
@lozandier
lozandier / SassMeister-input-HTML.html
Created November 11, 2015 22:19
Generated by SassMeister.com.
<?xml version="1.0" standalone="no"?>
<?xml-stylesheet type="text/css" href="flower.css"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300" height="300" viewBox="0 0 300 300" xml:space="preserve">
<g id="petals">
<path id="_x31_" class="petal" d="M227.2 78.4c0 41-33.3 74.3-74.3 74.3 -41 0-74.3-33.3-74.3-74.3 0-41 33.3-74.3 74.3-74.3C194 4.1 227.2 37.4 227.2 78.4z"/>
<path id="_x32_" class="petal" d="M254.3 180.4c-35.6 20.3-81 7.9-101.3-27.7 -20.3-35.6-7.9-81 27.7-101.3 35.6-20.3 81-7.9 101.3 27.8C302.3 114.7 289.9 160.1 254.3 180.4z"/>
<path id="_x33_" class="petal" d="M179 254.4c-35.3-20.9-47-66.4-26.1-101.7 20.9-35.3 66.5-47 101.8-26.1 35.3 20.9 46.9 66.5 26 101.8C259.9 263.6 214.3 275.3 179 254.4z"/>
<path id="_x34_" class="petal" d="M77.5 225.7c0.7-41 34.5-73.7 75.5-73 41 0.7 73.7 34.5 73 75.5 -0.7 41-34.5 73.7-75.5 73C109.5 300.5 76.8 266.7 77.5 225.7z"/>
<path id="_x35_" class="petal" d="M52.2 123.2c36-19.7 81.1-6.5 100.8 29.4 19.7 36 6.5 81.1-29.4 100.
@lozandier
lozandier / SassMeister-input-HTML.haml
Created August 3, 2015 00:47
Generated by SassMeister.com.
#foo
#bar
#repeating
#repeating2
#repeating3
@lozandier
lozandier / SassMeister-input-HTML.haml
Last active August 29, 2015 14:24
Generated by SassMeister.com.
.wrap
.content
%h2 Content
.gallery
-3.times do | i|
.gallery__item.level-1
%h2 Item #{i+1}
- if i < 2
- 2.times do | x |
.gallery__subitem.level-2
@lozandier
lozandier / SassMeister-input-HTML.html
Created July 2, 2015 06:36
Generated by SassMeister.com.
<div class="wrap">
<div class="content intro">
<h1 class="title">This is Chapparal</h1>
<h2 class="subtitle">
Created by Adobe type designer Carol Twombly, Chaparral combines the legibility of slab serif designs popularized in the 19th century with the grace of 16th-century roman book lettering. By Adobe
</h2>
<div class="content__left">
<p>
@lozandier
lozandier / SassMeister-input-HTML.haml
Last active August 29, 2015 14:24
Generated by SassMeister.com.
%header.site-header
.wrap
.logo
%a{ href: "#" }
Logo
%nav
%ul
- 5.times do | i |
%a{ href: "#" }
item0#{i}
<!doctype html>
<html>
<head>
<meta name="description" content="as vs set">
<meta charset="utf-8">
<base href="http://milestech.net/components/">
@lozandier
lozandier / SassMeister-input.scss
Last active August 29, 2015 14:22
Generated by SassMeister.com.
// ----
// libsass (v3.2.4)
// ----
// Map from Imported JSON
$map: ( primaryColor: "red", secondaryColor: "blue" );
:root {
--x-foo-primary-color: map-get($map, 'primaryColor');
// Not the outcome you expect because of existing shorthand allowed by Sass for long property names based on one prefix
@lozandier
lozandier / SassMeister-input-HTML.haml
Last active August 29, 2015 14:22
Generated by SassMeister.com.
.foo Testing
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
Name: <input id="name">
Age: <input id="age">