1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00
metamask-extension/ui/pages/swaps/swaps-footer/index.scss
2023-06-15 20:17:21 +02:00

55 lines
968 B
SCSS

.swaps-footer {
width: 100%;
z-index: 50;
position: sticky;
bottom: 0;
background-color: var(--color-background-default);
&--warning {
.btn-primary {
background: var(--color-error-default);
border-color: var(--color-error-default);
}
}
@include screen-sm-max {
&--border {
.swaps-footer__custom-page-container-footer-class {
border-top: 1px solid var(--color-border-muted);
}
}
}
&__custom-page-container-footer-class {
border-top: none;
@include screen-sm-min {
height: 96px;
}
}
&__custom-page-container-footer-button-class {
border-radius: 100px;
height: 39px;
width: 140px;
&--single {
width: 307px;
}
}
&__bottom-text {
@include H7;
color: var(--color-primary-default);
margin-bottom: 16px;
cursor: pointer;
display: flex;
justify-content: center;
@include screen-sm-min {
margin-top: 0;
}
}
}