interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

More media query

Browse source
This commit is contained in:
Stephan Hagedorn 2017-09-18 16:58:53 +02:00
parent 5f8b8e3b60
commit ebffacd3fd
10 changed files with 288 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

23
demo-index.html
View file

@ -424,10 +424,29 @@
<section class="sec__main_center">
<header>
<h1>Einzelne Elemente</h1>
<h1>Medienformat Abfragen</h1>
</header>
<article>
<div class="demo__query_example">Umbruch bei&nbsp;</div>
<div class="demo__queries">
<p class="query__phoneUp">Telefone und größer</p>
<p class="query__phoneOnly">Nur Telefone</p>
<p class="query__tabletPortaitOnly"Nur >Schreibtafeln hochkant</p>
<p class="query__tabletPortraitUp">Schreibtafeln und größer</p>
<p class="query__tabletLandscapeOnly">Schreibtafeln im Querformat</p>
<p class="query__tabletLandscapeUp">Schreibtafeln quer und größer</p>
<p class="query__desktopOnly">Nur Arbeitsplatzrechner</p>
<p class="query__desktopUp">Arbeitsplatzrechner und größer</p>
<p class="query__bigDesktopUp">Richtige Monitore und größer</p>
</div>
</article>
</section>
<section class="sec__main_center">
<header>
<h1>Sammlung formatierter Elemente</h1>
<p>Die Elemente werden fortlaufend komplexer</p>
</header>
<article>
<h2>Bereiche</h2>
<pre class="pre__code"><code>h3.txt_light_color+p</code></pre>
<h3 class="txt_light_color">Helle Überschrift</h3>
<p>Mit normalem Textabsatz</p>