Skip to content

Instantly share code, notes, and snippets.

View jensgro's full-sized avatar

Jens Grochtdreis jensgro

View GitHub Profile
@jensgro
jensgro / SassMeister-input-HTML.html
Created January 10, 2017 15:42
Generated by SassMeister.com.
<article>Test</article>
@jensgro
jensgro / SassMeister-input-HTML.html
Created January 10, 2017 10:27
Generated by SassMeister.com.
<article>Article</article>
<aside>Aside</aside>
@jensgro
jensgro / SassMeister-input-HTML.html
Created January 10, 2017 10:18 — forked from maddesigns/SassMeister-input-HTML.html
Generated by SassMeister.com.
<article>article</article>
<aside>aside</aside>
@jensgro
jensgro / SassMeister-input-HTML.html
Last active February 14, 2017 14:40
Generated by SassMeister.com.
<article>Test</article>
@jensgro
jensgro / index.html
Created October 19, 2016 16:51 — forked from anonymous/index.html
JS Bin // source https://jsbin.com/yopofej
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style>
input.broken {
/* border: 2px solid; */
/* border-width: 2px; */
@jensgro
jensgro / dabblet.css
Created May 31, 2016 15:02 — forked from LeaVerou/dabblet.css
CSS variables test
/**
* CSS variables test
*/
html { background: red }
@supports (--variables: yes) { /* any variable and any value works */
/* Code here will only be applied in CSS variable-supporting UAs */
html {
background: green;
@jensgro
jensgro / SassMeister-input-HTML.html
Last active May 11, 2016 12:56
Generated by SassMeister.com.
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Level 1</a></li>
<li><a href="#">One Level deeper</a></li>
<li><a href="#">Deepest Level</a></li>
</ul>
@jensgro
jensgro / dabblet.css
Created December 18, 2015 20:31 — forked from gunnarbittersmann/dabblet.css
heading decorated
/**
* heading decorated
*/
html
{
height: 100%;
background: linear-gradient(
to right bottom,
yellow,
@jensgro
jensgro / dabblet.css
Last active August 28, 2015 14:45 — forked from anonymous/dabblet.css
keyboard order and flexbox ordering
/**
* keyboard order and flexbox ordering
*/
nav {
display: flex;
padding: 20px;
}
a:nth-of-type(2) {
order: -1;
@jensgro
jensgro / dabblet.css
Created May 22, 2015 12:55 — forked from csssecrets/dabblet.css
Scrolling hints
/**
* Scrolling hints
*/
ul {
display: inline-block;
overflow: auto;
width: 7.2em;
height: 7em;
border: 1px solid silver;