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

feat: Use paired styles

Browse source 
Change .list_link style to &.link.
This commit is contained in:
sthag 2026-03-08 14:54:41 +01:00
parent 3ae1cebdd6
commit a5462dcc7e
7 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

4
source/screens/demo/components.liquid
View file

@ -151,8 +151,8 @@ tags:
<li>Mehr Abstand und</li> <li>Mehr Abstand und</li>
<li>mit Unterstrichen.</li> <li>mit Unterstrichen.</li>
</ul> </ul>
<pre class="pre_code"><code>ul.list_link>(li>a)*2</code></pre> <pre class="pre_code"><code>ul.link>(li>a)*2</code></pre>
<ul class="list_link"> <ul class="link">
<li> <li>
<a href="">Mit</a> <a href="">Mit</a>
</li> </li>

2
source/screens/demo/examples/game.liquid
View file

@ -14,7 +14,7 @@ tags:
<h1>{{ title }}</h1> <h1>{{ title }}</h1>
<p>Additional name</p> <p>Additional name</p>
</hgroup> </hgroup>
<ul class="list_link"> <ul class="link">
<li><a href="#new">Neues Spiel</a></li> <li><a href="#new">Neues Spiel</a></li>
<li><a href="#continue">Spiel fortsetzen</a></li> <li><a href="#continue">Spiel fortsetzen</a></li>
<li><a href="#options">Einstellungen</a></li> <li><a href="#options">Einstellungen</a></li>

2
source/screens/demo/examples/ui/index.liquid
View file

@ -12,7 +12,7 @@ tags:
<div class="sec_main_center"> <div class="sec_main_center">
<nav role="doc-toc"> <nav role="doc-toc">
<h1>{{ title }}</h1> <h1>{{ title }}</h1>
<ul class="list_link"> <ul class="link">
{%- for ui in collections.ui -%} {%- for ui in collections.ui -%}
<li> <li>
<a href="{{ ui.page.url }}">{{ ui.data.title }}</a> <a href="{{ ui.page.url }}">{{ ui.data.title }}</a>

6
source/screens/demo/index.liquid
View file

@ -34,7 +34,7 @@ tags:
<h3>Overview</h3> <h3>Overview</h3>
</div> </div>
<nav> <nav>
<ul class="block list_link"> <ul class="block link">
{% for link in collections.demoIndex %} {% for link in collections.demoIndex %}
<li> <li>
<a href="{{ link.page.url }}">{{ link.data.title }}</a> <a href="{{ link.page.url }}">{{ link.data.title }}</a>
@ -45,7 +45,7 @@ tags:
<div class="responsive"> <div class="responsive">
<section> <section>
<h3>Page</h3> <h3>Page</h3>
<ul class="block list_link"> <ul class="block link">
{% assign pagesByTitle = collections.demoPage | sort: 'data.title' %} {% assign pagesByTitle = collections.demoPage | sort: 'data.title' %}
{% for link in pagesByTitle %} {% for link in pagesByTitle %}
@ -57,7 +57,7 @@ tags:
</section> </section>
<section> <section>
<h3>Example</h3> <h3>Example</h3>
<ul class="block list_link"> <ul class="block link">
{% for link in collections.demoExample %} {% for link in collections.demoExample %}
<li> <li>
<a href="{{ link.page.url }}">{{ link.data.title }}</a> <a href="{{ link.page.url }}">{{ link.data.title }}</a>

4
source/screens/demo/layouts.liquid
View file

@ -231,9 +231,9 @@ tags:
<pre class="pre_code"><code>hr.dotted.space_even_fourth</code></pre> <pre class="pre_code"><code>hr.dotted.space_even_fourth</code></pre>
<hr class="dotted space_even_fourth"> <hr class="dotted space_even_fourth">
<h3>ul</h3> <h3>ul</h3>
<pre class="pre_code"><code>nav>ul.list_link>(li>a)+li>a>img+span</code></pre> <pre class="pre_code"><code>nav>ul.link>(li>a)+li>a>img+span</code></pre>
<nav> <nav>
<ul class="list_link"> <ul class="link">
<li>{% link hippie.placeholders.mail, '📧 name@domain.tld' %}</li> <li>{% link hippie.placeholders.mail, '📧 name@domain.tld' %}</li>
<li> <li>
<a href=""><img src="/art/bullet.gif" alt="">{% text hippie.placeholders.name %}</a> <a href=""><img src="/art/bullet.gif" alt="">{% text hippie.placeholders.name %}</a>

2
source/style/hippie-style

@ -1 +1 @@
Subproject commit 45bb274db110db9d111207940c4e6e341da1e90c Subproject commit b4c56320060548dacde62639876c6aee72b297ea

2
source/style/modules/portal/_portal_module.scss
View file

@ -129,7 +129,7 @@ $portal_icon_size: 64px;
} }
.portal__list { .portal__list {
@extend .list_link; @extend .link;
display: none; display: none;
position: relative; position: relative;