studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'account' into preprod

Browse source
This commit is contained in:
isUnknown 2025-09-03 11:01:27 +02:00
commit d8fe9ad13a
21 changed files with 655 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/assets/css/src/1.0.global.css
View file

@ -294,6 +294,25 @@ input[type="checkbox"]:checked::before {
button {
cursor: pointer;
}
.field {
position: relative;
}
[aria-invalid="true"]:focus-visible {
outline-color: #ef8d8d;
}
button[aria-controls*="password"] {
position: absolute;
right: var(--space-8);
bottom: var(--space-8);
max-height: unset;
height: 2rem;
padding: var(--space-8);
border: none;
}
button[aria-controls*="password"] > svg {
width: 1rem;
height: 1rem;
}
/* General interactive states */

19
src/assets/css/src/2.blocks.button.css
View file

@ -78,10 +78,15 @@ input[type="checkbox"]:checked + .btn--primary {
--btn-color: var(--color-white);
}
.btn--white {
.btn--white,
.btn--white[aria-pressed="true"],
.btn--white[aria-pressed="true"]:focus-visible {
--btn-background: var(--color-white);
--btn-color: var(--color-grey-700);
}
.btn--white[aria-pressed="true"]:focus-visible {
outline: transparent;
}
.btn--white-10 {
--btn-background: var(--color-white-10);
--btn-color: var(--color-white-80);
@ -168,11 +173,19 @@ input[type="checkbox"]:checked + .btn--primary {
.btn:hover {
--btn-background: var(--color-primary-hover);
}
.btn[aria-pressed="true"]:hover {
--btn-background: var(--color-primary-hover);
--btn-border-color: var(--color-primary-hover);
}
.btn--primary:hover {
--btn-background: var(--color-primary-10);
}
.btn--white:hover {
--btn-background: var(--color-black-10);
}
.btn--white[aria-pressed="true"]:hover {
--btn-background: var(--color-white);
--btn-border-color: transparent;
}
.btn--white-10:hover {
--btn-background: var(--color-white-05);
@ -192,10 +205,6 @@ input[type="checkbox"]:checked + .btn--primary {
.btn--transparent:hover {
--btn-background: var(--color-white-05);
}
.btn[aria-pressed="true"]:hover {
--btn-background: var(--color-primary-hover);
--btn-border-color: var(--color-primary-hover);
}
.btn--image:hover {
--btn-background: var(--color-primary-10);
}