1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 23:44:56 +01:00
metamask-extension/ui/pages/swaps/swaps-footer/index.scss

62 lines
1.0 KiB
SCSS
Raw Normal View History

2020-10-06 20:28:38 +02:00
.swaps-footer {
width: 100%;
&--warning {
.btn-primary {
background: $Red-500;
border-color: $Red-500;
}
}
2021-09-11 20:13:36 +02:00
@media screen and (max-width: $break-small) {
2020-10-06 20:28:38 +02:00
&--border {
.swaps-footer__custom-page-container-footer-class {
border-top: 1px solid #d2d8dd;
}
}
}
&__custom-page-container-footer-class {
border-top: none;
@media screen and (min-width: $break-large) {
2020-10-06 20:28:38 +02:00
height: 96px;
}
}
&__custom-page-container-footer-button-class {
border-radius: 100px;
height: 39px;
width: 140px;
&--single {
width: 307px;
}
}
&__bottom-text {
@include H7;
color: $Blue-500;
margin-bottom: 16px;
cursor: pointer;
display: flex;
justify-content: center;
@media screen and (min-width: $break-large) {
2020-10-06 20:28:38 +02:00
margin-top: 0;
}
}
&__buttons {
2021-09-11 20:13:36 +02:00
@media screen and (max-width: $break-small) {
2020-10-06 20:28:38 +02:00
&--border {
.swaps-footer__custom-page-container-footer-class {
border-top: 1px solid #d2d8dd;
}
}
}
}
}