1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-13 13:17:13 +01:00
metamask-extension/ui/pages/swaps/exchange-rate-display/index.scss
2022-03-21 08:33:22 -05:00

50 lines
1.1 KiB
SCSS

.exchange-rate-display {
@include H6;
display: flex;
align-items: flex-end;
justify-content: center;
color: var(--color-text-default);
width: 100%;
flex-wrap: wrap;
span {
margin-right: 4px;
}
&__bold {
font-weight: bold;
}
&__switch-arrows {
cursor: pointer;
> svg {
margin-top: 4px;
}
}
&__switch-arrows-rotate {
-webkit-animation-name: rotate-toggle;
-webkit-animation-duration: 1s;
-webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
-moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
-o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
@-webkit-keyframes rotate-toggle {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180deg);
}
}
}