jensgro

<div class="dialog_info">
<p>Ich habe diesen Text nur als Blindtext für die Setzerei Appel in Hamburg geschrieben. Wenn ich gewußt hätte, daß Sie diese Zeilen lesen (man stelle sich das mal vor: Sie persönlich lesen das hier!), dann hätte ich mir natürlich mehr Mühe gegeben.</p>
</div>

<div class="dialog_error">
<p>Eine Worthülse nach der anderen! Buchstabe an Buchstabe — Inhalt aber gleich Null. Vermutlich geben Sie mir nie einen Auftrag, nachdem Sie das hier gelesen haben — da kann ich soviel Goldmedaillen haben, wie ich will.</p>
</div>

<div class="dialog_warning">
<p>Nein, meine Texte les ich nicht, so nicht, stöhnte Oxmox. Er war mit Franklin, Rockwell und dem halbtaxgrauen Panther Weidemann in Memphis (Heartbreak Hotel) zugange. Sie warteten auf die fette Gill, um bei der Bank of Helvetica die Kapitälchen in Kapital umzuwandeln. Oxmox ließ nicht locker.Auch gibt es niemanden, der den Schmerz an sich liebt, sucht oder wünscht, nur, weil er Schmerz ist, es sei denn, es kommt zu zufälligen Umständen, in 

jensgro

<div class="container">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
  </div>

jensgro

<div class="container">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
  </div>

jensgro

		<div class="container">
			<section class="contact"></section>
			<div class="follow-flow">
			  <section class="follow"></section>
			  <section class="newsletter"></section>  
			</div>
			<section class="thanks"></section>
			<section class="liner"></section>
		</div>

jensgro

// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----

// Platzhalter und Mixins gehen unterschiedlich
// mit mehrfachem Aufruf um

%nolist {
  list-style-type: none;

jensgro

/* Basis für Layoutspielereien */


.contentwrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.contentcnt {	flex-basis: 50%;}
.sidecnt:first-of-type {flex-basis: 30%;}

jensgro

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----

@function strip-unit($value) {
    @return $value / ($value * 0 + 1);
}

// ===============================================

jensgro

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

$col1: #cecece; 
$col2: #656565; 
$col3: #5f5f5f; 
$col4: #f6f6f6; 

jensgro

<ul class="color-list">
  <li><span>$grey1 <br> #edeeed</span></li>
  <li><span>$grey2 <br> #6e6e74</span></li>
  <li><span>$grey3 <br> #7d7d82</span></li>
  <li><span>$grey4 <br> #393940</span></li>
  <li><span>$grey5 <br> #585959</span></li>
  <li><span>$grey6 <br> #99999d</span></li>
  <li><span>$grey7 <br> #C9C9C9</span></li>
  <li><span>$orange <br> #fbab1b</span></li>
  <li><span>$red <br> #90011f</span></li>

jensgro

<input type="text" placeholder="Super Platzhalter">