jensgro

/* http://codepen.io/team/css-tricks/pen/226a65c8f7d64615aabd45048d1d3b6d */

/* Block */
.btn { /*  Basic Styles */ }

/* Element */
.btn__price 	{ /*  Preis */ }
.btn__text 		{ /*  Text */ }

/* Modifier */

jensgro

<ul class="navigation">
  <li class="navigation__item">
    <a href="#" class="navigation__link">Link</a>
  </li>
  <li class="navigation__item">
    <a href="#" class="navigation__link">Noch ein toller Link</a>
  </li>
  <li class="navigation__item">
    <a href="#" class="navigation__link">Der ist noch besser!</a>
  </li>

jensgro

<!-- Jedes Element bezieht sich mit dem Namen NUR auf das Mosul und nicht auf eventuelle Elternelemente. -->
<div class="teaser">
  <header class="teaser__headercontainer">
    <h3 class="teaser__header">Überschrift</h3>
  </header>
  <div class="teaser__content">
    <p>Lorem Dingenskirchen und so weiter, ihr wisst schon ....</p>
  </div>
  <footer class="teaser__footer">
    <a href="linkziel.html" class="teaser__footerlink">weiterlesen ...</a>

jensgro

<ul class="navigation">
  <li class="navigation__first-level-item">
    <a href="#" class="navigation__first-level-link">Link</a>
  </li>
  <li class="navigation__first-level-item">
    <a href="#" class="navigation__first-level-link">Noch ein toller Link</a>

    <ul class="navigation__second-level">
      <li class="navigation__second-level-item">
        <a href="#" class="navigation__second-level-link">Link im Submenü</a>

jensgro

# test

jensgro

Flutter Setup & Notes

1. Download SDK

Download Flutter SDK, extract the "Flutter" folder and put somewhere on your machine https://flutter.dev/docs/get-started/install

2. Add path

Add path for 'location/flutter/bin'

jensgro

// iFrame mit Aspect-Ratio

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    padding-bottom: 56.25%;
    
    .embed-responsive-item,

jensgro

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	getraenk

jensgro

<nav class="main-nav">
    <ul class="main-nav__list">
        <li class="main-nav__item">
            <a class="main-nav__link" href="#">Link 1</a>
        </li>
        <li class="main-nav__item">
            <a class="main-nav__link" href="#">Link 2</a>
        </li>
    </ul>

jensgro

---
  status: "wip"
  handle: "table"

  context:
    tablehead:
      - item: "AutorIn"
      - item: "Titel"
      - item: "Verlag"
    rows: