m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 01:47:00 +01:00
Code

Dark Mode: Button Group (#14031)

Browse Source
This commit is contained in:
David Walsh 2022-03-21 08:34:29 -05:00 committed by GitHub
parent 1bb276bb9a
commit cd6dc8157a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
ui/components/ui/button-group/index.scss
View File

@ -5,9 +5,8 @@
&__button {
font-size: $font-size-h5;
color: var(--tundora);
border-style: solid;
border-color: var(--alto);
border-color: var(--color-border-default);
border-width: 1px 1px 1px;
border-left: 0;
flex: 1;
@ -17,7 +16,7 @@
text-overflow: ellipsis;
&:first-child {
border-left: 1px solid var(--alto);
border-left: 1px solid var(--color-border-default);
border-radius: 4px 0 0 4px;
}
@ -26,8 +25,8 @@
}
&--active {
background-color: var(--dodger-blue);
color: var(--white);
background-color: var(--color-primary-default);
color: var(--color-primary-inverse);
}
&:disabled {
@ -40,9 +39,9 @@
.radio-button {
@include H7;
color: var(--Grey-700);
border: 1px solid var(--Grey-100);
background: var(--white);
color: var(--color-text-alternative);
border: 1px solid var(--color-border-muted);
background: var(--color-background-default);
border-radius: 25px;
height: 25px;
margin-right: 8px;
@ -50,15 +49,15 @@
padding: 0;
&--active {
background: var(--Blue-500);
background: var(--color-primary-default);
color: white;
border: none;
}
&--danger {
border: 1px solid var(--Red-500);
color: var(--Red-500);
background: var(--white);
border: 1px solid var(--color-error-default);
color: var(--color-error-default);
background: var(--color-background-default);
}
&:hover {
@ -67,8 +66,8 @@
}
.radio-button--active.radio-button--danger {
border: 1px solid var(--Red-500);
border: 1px solid var(--color-error-default);
color: white;
background: var(--Red-500);
background: var(--color-error-default);
}
}