1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 07:24:56 +01:00
metamask-extension/ui/components/app/transaction-detail-item/index.scss
George Marshall 8fcbebc546
Update design tokens library from 1.5 to 1.6 WIP (#14732)
* Updating account menu icon color

* Updating design-tokens and making appropriate updates to extension styles

* Adding more deprecated tags to colors

* Adding spinner and removing todo comment

* Remove comment

* Updates

* Updating snapshots

* More color and ui updates

* reverting transition change
2022-05-25 08:35:36 -07:00

62 lines
933 B
SCSS

.transaction-detail-item {
color: var(--color-text-alternative);
padding: 20px 0;
border-bottom: 1px solid var(--color-border-default);
&__row {
display: flex;
justify-content: space-between;
grid-gap: 5px;
&-subText {
display: flex;
align-items: center;
.currency-display-component {
margin-left: 4px;
}
}
}
&__detail-values {
display: flex;
flex-wrap: wrap;
justify-content: end;
width: 52%;
&--flex-width {
width: auto;
}
}
.info-tooltip {
display: inline-block;
margin-inline-start: 4px;
path {
fill: var(--color-icon-alternative);
}
}
.currency-display-component {
display: inline;
}
&:first-of-type {
padding-top: 0;
}
&:last-of-type {
margin-bottom: 20px;
}
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
border-bottom: 0;
}
}