refactor: migrate legacy wire namespace to wrn
This commit is contained in:
@@ -21,7 +21,7 @@ component HeroActions {
|
||||
data-orientation='{orientation}'
|
||||
data-stack-mobile='{stackOnMobile ? "true" : "false"}'
|
||||
data-full-mobile='{fullWidthMobile ? "true" : "false"}'
|
||||
class='wire-hero-actions {class}'
|
||||
class='wrn-hero-actions {class}'
|
||||
>
|
||||
{#each actions as action, index}
|
||||
{#if action.label}
|
||||
@@ -41,7 +41,7 @@ component HeroActions {
|
||||
ariaLabel='{action.ariaLabel || action.label}'
|
||||
fullWidth='{fullWidthMobile}'
|
||||
controlClass='{action.controlClass || ""}'
|
||||
class='{"wire-hero-actions__action " + (action.class || "")}'
|
||||
class='{"wrn-hero-actions__action " + (action.class || "")}'
|
||||
/>
|
||||
{/if}
|
||||
{/each}
|
||||
@@ -51,17 +51,17 @@ component HeroActions {
|
||||
}
|
||||
|
||||
style {
|
||||
.wire-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
|
||||
.wire-hero-actions[data-align="center"] { justify-content: center; }
|
||||
.wire-hero-actions[data-align="right"] { justify-content: flex-end; }
|
||||
.wire-hero-actions[data-orientation="vertical"] { flex-direction: column; align-items: stretch; }
|
||||
.wire-hero-actions[data-full-mobile="true"] { width: 100%; }
|
||||
.wrn-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
|
||||
.wrn-hero-actions[data-align="center"] { justify-content: center; }
|
||||
.wrn-hero-actions[data-align="right"] { justify-content: flex-end; }
|
||||
.wrn-hero-actions[data-orientation="vertical"] { flex-direction: column; align-items: stretch; }
|
||||
.wrn-hero-actions[data-full-mobile="true"] { width: 100%; }
|
||||
@media (max-width: 39.999rem) {
|
||||
.wire-hero-actions[data-stack-mobile="true"] { flex-direction: column; align-items: stretch; }
|
||||
.wrn-hero-actions[data-stack-mobile="true"] { flex-direction: column; align-items: stretch; }
|
||||
}
|
||||
@media (min-width: 40rem) {
|
||||
.wire-hero-actions[data-full-mobile="true"] { width: auto; }
|
||||
.wire-hero-actions__action { width: auto; }
|
||||
.wrn-hero-actions[data-full-mobile="true"] { width: auto; }
|
||||
.wrn-hero-actions__action { width: auto; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user