commit 5657daaa549edca563d6c33a193eb22366fd5ca1 parent 4f8caf23436d78b59404e1a4648aae6a9077ba1e Author: triesap <137732411+triesap@users.noreply.github.com> Date: Mon, 9 Dec 2024 16:32:51 +0000 apps-lib: edit styles Diffstat:
9 files changed, 21 insertions(+), 21 deletions(-)
diff --git a/apps-lib/src/lib/components/envelope_titled.svelte b/apps-lib/src/lib/components/envelope_titled.svelte @@ -35,7 +35,7 @@ on:click|preventDefault={async () => await callback_close()} > <p - class={`${fmt_cl(basis.previous?.label?.classes)} font-sans text-envelopeTitlePrevious text-layer-${layer}-glyph-hl group-active:opacity-40 el-re`} + class={`${fmt_cl(basis.previous?.label?.classes)} font-sans text-env_tiPrevious text-layer-${layer}-glyph-hl group-active:opacity-40 el-re`} > {basis.previous?.label?.value || `${$ls(`common.cancel`)}`} </p> @@ -46,7 +46,7 @@ > {#if basis.heading?.label?.value} <p - class={`${fmt_cl(basis.heading?.label?.classes)} font-sans text-envelopeTitle text-layer-${layer + 1}-glyph`} + class={`${fmt_cl(basis.heading?.label?.classes)} font-sans text-env_ti text-layer-${layer + 1}-glyph`} > {basis.heading?.label?.value || ``} </p> @@ -71,7 +71,7 @@ <ButtonGlyph basis={basis.submit?.glyph} /> {:else if `label` in basis.submit} <p - class={`font-sans text-envelopeTitleAction ${classes_submit} el-re`} + class={`font-sans text-env_tiAction ${classes_submit} el-re`} > {basis.submit?.label.value || `${$ls(`common.add`)}`} diff --git a/apps-lib/src/lib/components/glyph_title_select_label.svelte b/apps-lib/src/lib/components/glyph_title_select_label.svelte @@ -8,7 +8,7 @@ <div class={`flex flex-row justify-start items-center`}> <p - class={`pr-[13px] font-sansd text-trellisTitle text-layer-0-glyph-label uppercase`} + class={`pr-[13px] font-sansd text-trellis_ti text-layer-0-glyph-label uppercase`} > {`(${basis.label}`} </p> @@ -16,18 +16,18 @@ class={`relative flex flex-row justify-start items-center -translate-x-[10px] -translate-y-[1px]`} > <p - class={`absolute font-sansd text-trellisTitle text-layer-0-glyph-label uppercase scale-y-[70%] scale-x-[80%] -translate-y-[1px]`} + class={`absolute font-sansd text-trellis_ti text-layer-0-glyph-label uppercase scale-y-[70%] scale-x-[80%] -translate-y-[1px]`} > {`${ascii.up}`} </p> <p - class={`absolute font-sansd text-trellisTitle text-layer-0-glyph-label uppercase scale-y-[70%] scale-x-[80%] translate-y-[2px]`} + class={`absolute font-sansd text-trellis_ti text-layer-0-glyph-label uppercase scale-y-[70%] scale-x-[80%] translate-y-[2px]`} > {`${ascii.down}`} </p> </div> <p - class={`font-sansd text-trellisTitle text-layer-0-glyph-label uppercase`} + class={`font-sansd text-trellis_ti text-layer-0-glyph-label uppercase`} > {`)`} </p> diff --git a/apps-lib/src/lib/components/nav.svelte b/apps-lib/src/lib/components/nav.svelte @@ -120,7 +120,7 @@ /> {#if nav_prev_label || basis.prev.label} <p - class={`font-sans text-navPrevious text-layer-1-glyph-hl group-active:opacity-60 transition-opacity`} + class={`font-sans text-nav_prev text-layer-1-glyph-hl group-active:opacity-60 transition-opacity`} > {nav_prev_label || basis.prev.label} </p> @@ -143,7 +143,7 @@ > {#if `value` in basis.title.label} <p - class={`${fmt_cl(basis.title.label.classes)} font-sans text-navCurrent text-layer-1-glyph`} + class={`${fmt_cl(basis.title.label.classes)} font-sans text-nav_curr text-layer-1-glyph`} > {basis.title.label.value} </p> diff --git a/apps-lib/src/lib/components/nav_option.svelte b/apps-lib/src/lib/components/nav_option.svelte @@ -46,14 +46,14 @@ > <div class="swap-on"> <p - class={`${fmt_cl(basis?.label?.swap?.on.classes || `text-navPrevious text-layer-${layer}-glyph-hl group-active:opacity-70`)} font-sans -translate-y-[1px] el-re`} + class={`${fmt_cl(basis?.label?.swap?.on.classes || `text-nav_prev text-layer-${layer}-glyph-hl group-active:opacity-70`)} font-sans -translate-y-[1px] el-re`} > {basis?.label?.swap?.on.value} </p> </div> <div class="swap-off"> <p - class={`${fmt_cl(basis?.label?.swap?.off.classes || `text-navPrevious text-layer-${layer}-glyph-hl group-active:opacity-70`)} font-sans -translate-y-[1px] el-re`} + class={`${fmt_cl(basis?.label?.swap?.off.classes || `text-nav_prev text-layer-${layer}-glyph-hl group-active:opacity-70`)} font-sans -translate-y-[1px] el-re`} > {basis?.label?.swap?.off.value} </p> @@ -61,7 +61,7 @@ </label> {:else if `value` in basis?.label} <p - class={`${fmt_cl(basis?.label.classes)} font-sans text-navPrevious text-layer-1-glyph-hl group-active:opacity-70 el-re`} + class={`${fmt_cl(basis?.label.classes)} font-sans text-nav_prev text-layer-1-glyph-hl group-active:opacity-70 el-re`} > {basis?.label.value} </p> diff --git a/apps-lib/src/lib/components/trellis_default_label.svelte b/apps-lib/src/lib/components/trellis_default_label.svelte @@ -8,10 +8,10 @@ </script> <div class={`${fmt_cl(classes)} flex flex-row`}> - <p class={`font-sans text-trellisTitle text-layer-${layer}-glyph-shade`}> + <p class={`font-sans text-trellis_ti text-layer-${layer}-glyph-shade`}> {#each labels as label} <span - class={`${fmt_cl(label.classes)} font-sans text-trellisTitle`} + class={`${fmt_cl(label.classes)} font-sans text-trellis_ti`} > {#if `route` in label} <a href={label.route}> diff --git a/apps-lib/src/lib/components/trellis_row_display_value.svelte b/apps-lib/src/lib/components/trellis_row_display_value.svelte @@ -32,7 +32,7 @@ {:else if basis.label} {#if `value` in basis.label} <p - class={`${fmt_cl(basis.label.classes)} font-sans text-line_display_e line-clamp-1 text-layer-0-glyph-label el-re`} + class={`${fmt_cl(basis.label.classes)} font-sans text-line_d_e line-clamp-1 text-layer-0-glyph-label el-re`} > {basis.label.value} </p> diff --git a/apps-lib/src/lib/components/trellis_row_label.svelte b/apps-lib/src/lib/components/trellis_row_label.svelte @@ -27,7 +27,7 @@ </div> {:else if `value` in title_l} <p - class={`${fmt_cl(title_l.classes)} font-sans text-line_display ${title_l.hide_truncate ? `` : `truncate`} el-re`} + class={`${fmt_cl(title_l.classes)} font-sans text-line_d ${title_l.hide_truncate ? `` : `truncate`} el-re`} > {title_l.value || ``} </p> @@ -48,7 +48,7 @@ <ButtonGlyph basis={{ ...title_r.glyph }} /> {:else if `value` in title_r} <p - class={`${fmt_cl(title_r.classes)} font-sans text-line_display text-layer-${layer}-glyph_d ${title_r.hide_truncate ? `` : `truncate`} el-re`} + class={`${fmt_cl(title_r.classes)} font-sans text-line_d text-layer-${layer}-glyph_d ${title_r.hide_truncate ? `` : `truncate`} el-re`} > {title_r.value || ``} </p> diff --git a/apps-lib/src/lib/components/trellis_title.svelte b/apps-lib/src/lib/components/trellis_title.svelte @@ -21,7 +21,7 @@ <Fill /> {:else} <p - class={`font-sans text-trellisTitle text-layer-${layer}-glyph-label uppercase`} + class={`font-sans text-trellis_ti text-layer-${layer}-glyph-label uppercase`} > {basis.value || ``} </p> @@ -40,7 +40,7 @@ <LabelSwap basis={basis.link.label} /> {:else if `value` in basis.link.label} <p - class={`${fmt_cl(basis.link.label.classes)} font-sans text-trellisTitle uppercase fade-in`} + class={`${fmt_cl(basis.link.label.classes)} font-sans text-trellis_ti uppercase fade-in`} > {basis.link.label.value || ``} </p> diff --git a/apps-lib/src/lib/el/label_swap.svelte b/apps-lib/src/lib/el/label_swap.svelte @@ -16,14 +16,14 @@ > <div class="swap-on"> <p - class={`${fmt_cl(basis.swap.on.classes || `text-navPrevious text-layer-${layer}-glyph-hl group-active:opacity-60`)} font-sans -translate-y-[1px] el-re`} + class={`${fmt_cl(basis.swap.on.classes || `text-nav_prev text-layer-${layer}-glyph-hl group-active:opacity-60`)} font-sans -translate-y-[1px] el-re`} > {basis.swap.on.value} </p> </div> <div class="swap-off"> <p - class={`${fmt_cl(basis.swap.off.classes || `text-navPrevious text-layer-${layer}-glyph-hl group-active:opacity-60`)} font-sans -translate-y-[1px] el-re`} + class={`${fmt_cl(basis.swap.off.classes || `text-nav_prev text-layer-${layer}-glyph-hl group-active:opacity-60`)} font-sans -translate-y-[1px] el-re`} > {basis.swap.off.value} </p>