N-24 Component Catalog - Githubissues

theaterpedia / crearis-nuxt

2 stars 1 forks source link

N-24 Component Catalog #24

Open crearis opened 3 months ago

crearis commented 3 months ago

Name is Catalog, part of Ui-Components.

has slot
acts as column, defaults to 1/3

scoped CSS via ul>li

ul>li with text > to > right
ul > li > strong = left Column with text > to > left
ul > li > strong:after = .............

Special line (see Example 1)

everything within li that is wrapped inside <mark> gets an an underline
the next line does not have :after = .............

other stylings

p have smaller margins
may have a with Icon on the right side (see example 2)

EXAMPLES

in both examples show usage with h4 for Heading + p > strong for subheadings
in Example 1 the list at the bottom is made with p, not ul

murisceman commented 3 months ago

Implemented. See the catalog at http://localhost:5173/catalog in the ui package.

Details

The current specification does not support implementing the special line.
- The next li sibling cannot be selected by a child from the previous element.
- As an alternative, the text "SUMME" was wrapped in a <mark> element to achieve a similar effect with additional spacing, but without the underscore.

murisceman commented 3 months ago

HTML example

https://github.com/theaterpedia/crearis-nuxt/blob/73fa78c379866ad2672d2fcd36b030041ce6051b/packages/ui/src/views/catalog.vue