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

demo.5

Browse source 
* removed double underscore (__) separators in class names
* more LF CR to LF
* new scss config variables
* some little style changes
This commit is contained in:
Stephan 2018-10-01 21:10:58 +02:00
parent 0a78f526f5
commit 8b81ed92e1
30 changed files with 1288 additions and 1262 deletions
Download patch file Download diff file Expand all files Collapse all files

50
source/pages/demo/os.njk
View file

@ -12,7 +12,7 @@
{% block body_content %}
{# {% include "partials/page-hover.njk" %} #}
<div class="height_full">
<div class="flex__wrap">
<div class="flex_wrap">
<button class="demo__button_32"></button>
<button class="demo__button_32"></button>
<button class="demo__button_32"></button>
@ -21,10 +21,10 @@
<button class="demo__button_32"></button>
</div>
<div class="flex">
<div class="flex__child">
<!-- (nav>ul.list__data>(li>a>img+p{Punkt $})*6)*2 -->
<div class="flex_child">
<!-- (nav>ul.list_data>(li>a>img+p{Punkt $})*6)*2 -->
<nav>
<ul class="list__files">
<ul class="list_files">
<li><a href="">
<img src="" alt="">
<p>Punkt 1</p>
@ -52,7 +52,7 @@
</ul>
</nav>
<nav>
<ul class="list__files">
<ul class="list_files">
<li><a href="">
<img src="" alt="">
<p>Punkt 1</p>
@ -80,53 +80,53 @@
</ul>
</nav>
</div>
<div class="flex__child_one flex__row">
<!-- div.flex__child.box__file_wrp>(div.box__file_tile>img[src="./art/icon_default.svg"]^+p{Dateiname $}+p{Auszeichnung $})*4^+div.flex__child>table.table__file_simple>(tr>td>img^+td{Objektname $}+td.cell__file_path{Objektpfad $})*2 -->
<div class="flex__child box__file_wrp">
<div class="flex__wrap box__file_tile">
<div class="flex__child"><img src="./art/icon_default.svg" alt=""></div>
<div class="box__flex_one">
<div class="flex_child_one flex_row">
<!-- div.flex_child.box_file_wrp>(div.box_file_tile>img[src="./art/icon_default.svg"]^+p{Dateiname $}+p{Auszeichnung $})*4^+div.flex_child>table.table_file_simple>(tr>td>img^+td{Objektname $}+td.cell_file_path{Objektpfad $})*2 -->
<div class="flex_child box_file_wrp">
<div class="flex_wrap box_file_tile">
<div class="flex_child"><img src="./art/icon_default.svg" alt=""></div>
<div class="box_flex_one">
<p>Dateiname 1</p>
<p>Auszeichnung 1</p>
</div>
</div>
<div class="flex__wrap box__file_tile">
<div class="flex__child"><img src="./art/icon_default.svg" alt=""></div>
<div class="box__flex_one">
<div class="flex_wrap box_file_tile">
<div class="flex_child"><img src="./art/icon_default.svg" alt=""></div>
<div class="box_flex_one">
<p>Dateiname 2</p>
<p>Auszeichnung 2</p>
</div>
</div>
<div class="flex__wrap box__file_tile">
<div class="flex__child"><img src="./art/icon_default.svg" alt=""></div>
<div class="box__flex_one">
<div class="flex_wrap box_file_tile">
<div class="flex_child"><img src="./art/icon_default.svg" alt=""></div>
<div class="box_flex_one">
<p>Dateiname 3</p>
<p>Auszeichnung 3</p>
</div>
</div>
<div class="flex__wrap box__file_tile">
<div class="flex__child"><img src="./art/icon_default.svg" alt=""></div>
<div class="box__flex_one">
<div class="flex_wrap box_file_tile">
<div class="flex_child"><img src="./art/icon_default.svg" alt=""></div>
<div class="box_flex_one">
<p>Dateiname 4</p>
<p>Auszeichnung 4</p>
</div>
</div>
</div>
<div class="flex__child_one">
<table class="table__file_simple">
<div class="flex_child_one">
<table class="table_file_simple">
<tr>
<td><img src="" alt=""></td>
<td>Objektname 1</td>
<td class="cell__file_path">Objektpfad 1</td>
<td class="cell_file_path">Objektpfad 1</td>
</tr>
<tr>
<td><img src="" alt=""></td>
<td>Objektname 2</td>
<td class="cell__file_path">Objektpfad 2</td>
<td class="cell_file_path">Objektpfad 2</td>
</tr>
</table>
</div>
<div class="flex__child">
<div class="flex_child">
<p>Status</p>
</div>
</div>