mirror of
https://github.com/gitbutlerapp/gitbutler.git
synced 2024-09-20 00:27:17 +03:00
Design tokens typos fix (#3587)
This commit is contained in:
parent
aa3d3cb7da
commit
683beffc1f
@ -238,7 +238,7 @@
|
||||
|
||||
.pop {
|
||||
&.soft {
|
||||
--btn-clr: var(--clr-theme-pop-on-container);
|
||||
--btn-clr: var(--clr-theme-pop-on-bg);
|
||||
--btn-bg: var(--clr-scale-pop-80);
|
||||
/* if button */
|
||||
&:not(.not-clickable, &:disabled):hover {
|
||||
@ -261,7 +261,7 @@
|
||||
|
||||
.success {
|
||||
&.soft {
|
||||
--btn-clr: var(--clr-theme-succ-on-container);
|
||||
--btn-clr: var(--clr-theme-succ-on-bg);
|
||||
--btn-bg: var(--clr-scale-succ-80);
|
||||
/* if button */
|
||||
&:not(.not-clickable, &:disabled):hover {
|
||||
@ -284,7 +284,7 @@
|
||||
|
||||
.error {
|
||||
&.soft {
|
||||
--btn-clr: var(--clr-theme-err-on-container);
|
||||
--btn-clr: var(--clr-theme-err-on-bg);
|
||||
--btn-bg: var(--clr-scale-err-80);
|
||||
/* if button */
|
||||
&:not(.not-clickable, &:disabled):hover {
|
||||
@ -307,7 +307,7 @@
|
||||
|
||||
.warning {
|
||||
&.soft {
|
||||
--btn-clr: var(--clr-theme-warn-on-container);
|
||||
--btn-clr: var(--clr-theme-warn-on-bg);
|
||||
--btn-bg: var(--clr-scale-warn-80);
|
||||
/* if button */
|
||||
&:not(.not-clickable, &:disabled):hover {
|
||||
@ -330,7 +330,7 @@
|
||||
|
||||
.purple {
|
||||
&.soft {
|
||||
--btn-clr: var(--clr-theme-purp-on-container);
|
||||
--btn-clr: var(--clr-theme-purp-on-bg);
|
||||
--btn-bg: var(--clr-scale-purp-80);
|
||||
/* if button */
|
||||
&:not(.not-clickable, &:disabled):hover {
|
||||
|
@ -158,19 +158,19 @@
|
||||
}
|
||||
|
||||
&.error {
|
||||
background-color: var(--clr-theme-err-container);
|
||||
background-color: var(--clr-theme-err-bg);
|
||||
}
|
||||
|
||||
&.pop {
|
||||
background-color: var(--clr-theme-pop-container);
|
||||
background-color: var(--clr-theme-pop-bg);
|
||||
}
|
||||
|
||||
&.warning {
|
||||
background-color: var(--clr-theme-warn-container);
|
||||
background-color: var(--clr-theme-warn-bg);
|
||||
}
|
||||
|
||||
&.success {
|
||||
background-color: var(--clr-theme-succ-container);
|
||||
background-color: var(--clr-theme-succ-bg);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -87,7 +87,7 @@
|
||||
color: var(--clr-scale-ntrl-0);
|
||||
gap: var(--size-12);
|
||||
padding: var(--size-20);
|
||||
background-color: var(--clr-theme-err-container);
|
||||
background-color: var(--clr-theme-err-bg);
|
||||
border-radius: var(--radius-m);
|
||||
margin-bottom: var(--size-12);
|
||||
}
|
||||
|
@ -93,11 +93,11 @@
|
||||
}
|
||||
|
||||
.success {
|
||||
background: var(--clr-theme-pop-container);
|
||||
background: var(--clr-theme-pop-bg);
|
||||
}
|
||||
|
||||
.error {
|
||||
background: var(--clr-theme-warn-container);
|
||||
background: var(--clr-theme-warn-bg);
|
||||
}
|
||||
.extra-padding {
|
||||
padding: var(--size-20);
|
||||
|
@ -40,7 +40,7 @@
|
||||
color: var(--clr-scale-ntrl-0);
|
||||
gap: var(--size-12);
|
||||
padding: var(--size-20);
|
||||
background-color: var(--clr-theme-err-container);
|
||||
background-color: var(--clr-theme-err-bg);
|
||||
border-radius: var(--radius-m);
|
||||
margin-bottom: var(--size-12);
|
||||
}
|
||||
|
@ -114,7 +114,7 @@
|
||||
|
||||
.pop {
|
||||
&.soft {
|
||||
color: var(--clr-theme-pop-on-container);
|
||||
color: var(--clr-theme-pop-on-bg);
|
||||
background: var(--clr-scale-pop-80);
|
||||
/* if button */
|
||||
&:not(.not-button, &:disabled):hover {
|
||||
@ -134,7 +134,7 @@
|
||||
|
||||
.success {
|
||||
&.soft {
|
||||
color: var(--clr-theme-succ-on-container);
|
||||
color: var(--clr-theme-succ-on-bg);
|
||||
background: var(--clr-scale-succ-80);
|
||||
/* if button */
|
||||
&:not(.not-button, &:disabled):hover {
|
||||
@ -154,7 +154,7 @@
|
||||
|
||||
.error {
|
||||
&.soft {
|
||||
color: var(--clr-theme-err-on-container);
|
||||
color: var(--clr-theme-err-on-bg);
|
||||
background: var(--clr-scale-err-80);
|
||||
/* if button */
|
||||
&:not(.not-button, &:disabled):hover {
|
||||
@ -174,7 +174,7 @@
|
||||
|
||||
.warning {
|
||||
&.soft {
|
||||
color: var(--clr-theme-warn-on-container);
|
||||
color: var(--clr-theme-warn-on-bg);
|
||||
background: var(--clr-scale-warn-80);
|
||||
/* if button */
|
||||
&:not(.not-button, &:disabled):hover {
|
||||
@ -194,7 +194,7 @@
|
||||
|
||||
.purple {
|
||||
&.soft {
|
||||
color: var(--clr-theme-purp-on-container);
|
||||
color: var(--clr-theme-purp-on-bg);
|
||||
background: var(--clr-scale-purp-80);
|
||||
/* if button */
|
||||
&:not(.not-button, &:disabled):hover {
|
||||
|
Loading…
Reference in New Issue
Block a user