| title | date | permalink | introText | introImage | tags | |
|---|---|---|---|---|---|---|
Eierlikör |
2006-11-04 |
rezepte/eierlikoer.html |
Einfach ein schönes Geschenk. Aber auch zum sleber trinken verdammt lecker. |
eierlikoer |
|
Jens Grochtdreis jensgro
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // iFrame mit Aspect-Ratio | |
| .embed-responsive { | |
| position: relative; | |
| display: block; | |
| height: 0; | |
| padding: 0; | |
| padding-bottom: 56.25%; | |
| .embed-responsive-item, |
jensgro
/ eleventy-markdown.md
Last active
April 3, 2020 20:22
I want to put parts of some Markdown files into a special area
jensgro
/ navigation.html
Created
March 17, 2020 09:38
Three possible ways to write classes for a navigation with BEM. There may be more.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- | |
| status: "wip" | |
| handle: "table" | |
| context: | |
| tablehead: | |
| - item: "AutorIn" | |
| - item: "Titel" | |
| - item: "Verlag" | |
| rows: |
jensgro
/ sr-only.css
Last active
December 2, 2020 15:29
Content is only accessible for screenreaders. The white-space-line is important!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* hide only visually */ | |
| .sr-only:not(:focus):not(:active) { | |
| width: 1px; | |
| clip: rect(0 0 0 0); | |
| clip-path: inset(50%); | |
| height: 1px; | |
| overflow: hidden; | |
| position: absolute; | |
| white-space: nowrap; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="app"> | |
| <form> | |
| <div class="input-group"> | |
| <input type="text" class="form-control" placeholder="Buchtitel" aria-label="Buchtitel suchen" v-model="query" @keyup="search"> | |
| <div class="input-group-append"><button class="btn btn-outline-primary" id="button">Suchen</button></div> | |
| </div> | |
| <div class="p-5 d-flex justify-content-center" v-if="!docs.length && query.length"><div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div></div> | |
| <div class="list-group" v-if="docs.length"> | |
| <button v-for="doc in docs" type="button" class="list-group-item list-group-item-action">{{ doc.title }}</button> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="app"> | |
| <form> | |
| <label for="email">Email-Adresse</label> | |
| <input type="email" required name="email" id="email" @keyup="validate" /> | |
| <button id="submit" :disabled="disabled">Abschicken!</button> | |
| </form> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (vundefined) | |
| // Compass (vundefined) | |
| // dart-sass (v1.18.0) | |
| // ---- | |
| // $bp-min: 300px; | |
| // | |
| // .test { | |
| // color: red; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (vundefined) | |
| // Compass (vundefined) | |
| // dart-sass (v1.18.0) | |
| // ---- | |
| $tokens: ( | |
| size-scale: ( | |
| 300: 0.8rem, | |
| 500: 1.25rem, |
A Pen by Jens Grochtdreis on CodePen.