Refresh UI components and showcase; release updated framework packages
This commit is contained in:
1 parent
d800228585
commit
c77f5e1cec
293 files changed
+22544
-35778
No files matched your search
@@ -165,6 +165,9 @@ component PinInput {
|
||||
|
||||
.wrn-next__pin-cells {
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
align-items: center;
|
||||
gap: clamp(0.35rem, 1.5vw, 0.65rem);
|
||||
@@ -174,18 +177,18 @@ component PinInput {
|
||||
}
|
||||
|
||||
.wrn-next--pin-input .wrn-next__pin-cells input {
|
||||
flex: 0 0 clamp(2.4rem, 8vw, 3.25rem);
|
||||
width: clamp(2.4rem, 8vw, 3.25rem);
|
||||
height: clamp(2.75rem, 9vw, 3.5rem);
|
||||
min-width: clamp(2.4rem, 8vw, 3.25rem);
|
||||
flex: 0 1 2.5rem;
|
||||
width: 2.5rem;
|
||||
height: var(--wrn-control-height, 2.5rem);
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
border: 1px solid var(--wrn-color-border);
|
||||
border-radius: var(--wrn-radius-sm);
|
||||
color: var(--wrn-color-text);
|
||||
background: var(--wrn-color-bg);
|
||||
font: inherit;
|
||||
font-size: clamp(1rem, 3vw, 1.25rem);
|
||||
font-weight: 750;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
caret-color: var(--wrn-component-color);
|
||||
transition:
|
||||
@@ -229,9 +232,9 @@ component PinInput {
|
||||
}
|
||||
.wrn-next--pin-input .wrn-next__pin-cells input {
|
||||
flex-basis: min(2.7rem, 12vw);
|
||||
width: min(2.7rem, 12vw);
|
||||
min-width: min(2.7rem, 12vw);
|
||||
height: min(3rem, 14vw);
|
||||
width: min(2.5rem, 10vw);
|
||||
min-width: 0;
|
||||
height: var(--wrn-control-height, 2.5rem);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user