mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Use 1px borders on inputs and buttons (#9766)
This commit is contained in:
parent
77dc0ab008
commit
a74aa45bdd
@ -34,7 +34,7 @@
|
||||
display: flex;
|
||||
padding-top: 17px;
|
||||
border-radius: 4px;
|
||||
border: 2px solid $spindle;
|
||||
border-color: $spindle;
|
||||
background: $white;
|
||||
color: $scorpion;
|
||||
|
||||
@ -52,7 +52,7 @@
|
||||
}
|
||||
|
||||
.button-group__button--active {
|
||||
border: 2px solid $primary-blue;
|
||||
border-color: $primary-blue;
|
||||
color: $scorpion;
|
||||
|
||||
i {
|
||||
@ -222,10 +222,10 @@
|
||||
|
||||
.button-group__button--active {
|
||||
background: #f7fcff;
|
||||
border: 2px solid #2c8bdc;
|
||||
border-color: #2c8bdc;
|
||||
|
||||
&:first-child {
|
||||
border: 2px solid #2c8bdc;
|
||||
border-color: #2c8bdc;
|
||||
}
|
||||
|
||||
.button-check-wrapper {
|
||||
|
@ -51,7 +51,7 @@
|
||||
}
|
||||
|
||||
& &__ignore-button {
|
||||
border: 2px solid #6a737d;
|
||||
border-color: #6a737d;
|
||||
box-sizing: border-box;
|
||||
border-radius: 6px;
|
||||
color: $white;
|
||||
@ -75,7 +75,7 @@
|
||||
}
|
||||
|
||||
& &__accept-button {
|
||||
border: 2px solid #6a737d;
|
||||
border-color: #6a737d;
|
||||
box-sizing: border-box;
|
||||
border-radius: 6px;
|
||||
color: $white;
|
||||
|
@ -39,7 +39,7 @@ $warning-light-orange: #f8b588;
|
||||
|
||||
.btn-secondary {
|
||||
color: $Blue-500;
|
||||
border: 2px solid $hover-secondary;
|
||||
border: 1px solid $hover-secondary;
|
||||
background-color: $white;
|
||||
|
||||
&:hover {
|
||||
@ -60,7 +60,7 @@ $warning-light-orange: #f8b588;
|
||||
|
||||
.btn-warning {
|
||||
color: $Orange-500;
|
||||
border: 2px solid $hover-orange;
|
||||
border: 1px solid $hover-orange;
|
||||
background-color: $white;
|
||||
|
||||
&:hover {
|
||||
@ -81,7 +81,7 @@ $warning-light-orange: #f8b588;
|
||||
|
||||
.btn-danger {
|
||||
color: $Red-500;
|
||||
border: 2px solid $hover-red;
|
||||
border: 1px solid $hover-red;
|
||||
background-color: $white;
|
||||
|
||||
&:hover {
|
||||
@ -102,7 +102,7 @@ $warning-light-orange: #f8b588;
|
||||
|
||||
.btn-danger-primary {
|
||||
color: $white;
|
||||
border: 2px solid $Red-500;
|
||||
border: 1px solid $Red-500;
|
||||
background-color: $Red-500;
|
||||
|
||||
&:hover {
|
||||
@ -125,7 +125,7 @@ $warning-light-orange: #f8b588;
|
||||
|
||||
.btn-default {
|
||||
color: $Grey-500;
|
||||
border: 2px solid $hover-default;
|
||||
border: 1px solid $hover-default;
|
||||
|
||||
&:hover {
|
||||
border-color: $Grey-500;
|
||||
@ -145,7 +145,7 @@ $warning-light-orange: #f8b588;
|
||||
|
||||
.btn-primary {
|
||||
color: $white;
|
||||
border: 2px solid $Blue-500;
|
||||
border: 1px solid $Blue-500;
|
||||
background-color: $Blue-500;
|
||||
|
||||
&:hover {
|
||||
|
@ -61,7 +61,7 @@ const styles = {
|
||||
'label + &': {
|
||||
marginTop: '9px',
|
||||
},
|
||||
border: '2px solid #BBC0C5',
|
||||
border: '1px solid #BBC0C5',
|
||||
height: '48px',
|
||||
borderRadius: '6px',
|
||||
padding: '0 16px',
|
||||
|
@ -7,7 +7,7 @@
|
||||
}
|
||||
|
||||
.network-component.pointer {
|
||||
border: 2px solid $Grey-200;
|
||||
border: 1px solid $Grey-200;
|
||||
border-radius: 82px;
|
||||
padding: 6px 3px;
|
||||
flex: 0 0 auto;
|
||||
|
@ -784,7 +784,7 @@
|
||||
width: 56px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
border: 2px solid #b0d7f2;
|
||||
border: 1px solid #b0d7f2;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
@ -804,7 +804,7 @@
|
||||
|
||||
input:checked + &__button {
|
||||
background-color: $primary-blue;
|
||||
border: 2px solid $primary-blue;
|
||||
border: 1px solid $primary-blue;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
@ -20,15 +20,15 @@
|
||||
box-sizing: border-box;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
border: 2px solid transparent;
|
||||
border: 1px solid transparent;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
border: 2px solid rgba($malibu-blue, 0.5);
|
||||
border-color: rgba($malibu-blue, 0.5);
|
||||
}
|
||||
|
||||
&--selected {
|
||||
border: 2px solid $malibu-blue !important;
|
||||
border-color: $malibu-blue !important;
|
||||
}
|
||||
|
||||
&--disabled {
|
||||
|
@ -45,7 +45,7 @@
|
||||
|
||||
&__btn {
|
||||
background: #fbfbfb;
|
||||
border: 2px solid #e5e5e5;
|
||||
border: 1px solid #e5e5e5;
|
||||
height: 100px;
|
||||
width: 150px;
|
||||
flex: 1;
|
||||
@ -61,7 +61,7 @@
|
||||
}
|
||||
|
||||
&__btn.selected {
|
||||
border: 2px solid #00a8ee;
|
||||
border-color: #00a8ee;
|
||||
width: 149px;
|
||||
}
|
||||
|
||||
|
@ -54,7 +54,7 @@
|
||||
&__input {
|
||||
@include H4;
|
||||
|
||||
border: 2px solid $Grey-200;
|
||||
border: 1px solid $Grey-200;
|
||||
border-radius: 6px;
|
||||
color: $Grey-800;
|
||||
padding: 0.875rem 1rem;
|
||||
@ -230,7 +230,7 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
border-width: 2px;
|
||||
border-width: 1px;
|
||||
background: $primary-blue;
|
||||
margin-right: 5px;
|
||||
cursor: pointer;
|
||||
|
@ -72,7 +72,7 @@
|
||||
}
|
||||
|
||||
&--selected {
|
||||
border: 2px solid $malibu-blue !important;
|
||||
border: 1px solid $malibu-blue !important;
|
||||
}
|
||||
|
||||
&--disabled {
|
||||
|
@ -83,7 +83,7 @@
|
||||
border: none;
|
||||
|
||||
&:hover {
|
||||
border: 2px solid $Blue-500;
|
||||
border: 1px solid $Blue-500;
|
||||
width: 101%;
|
||||
padding-right: 11px;
|
||||
padding-left: 19.5px;
|
||||
|
Loading…
Reference in New Issue
Block a user