1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 07:24:56 +01:00
metamask-extension/ui/pages/swaps/exchange-rate-display/index.scss

50 lines
1.1 KiB
SCSS
Raw Normal View History

2020-10-06 20:28:38 +02:00
.exchange-rate-display {
@include H6;
display: flex;
align-items: flex-end;
justify-content: center;
2022-03-17 19:04:01 +01:00
color: var(--color-text-default);
2020-10-06 20:28:38 +02:00
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);
}
}
}