1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/modals/hide-token-confirmation-modal/index.scss
George Marshall 5592687df1
Updating design tokens package and shadow values with new tokens (#15264)
* Updating design tokens v1.8 and shadows

* Adding missing stories

* Some fixes and updates to css and stories

* removing unneeded story

* Fixing story order
2022-07-21 15:43:31 -07:00

57 lines
985 B
SCSS

.hide-token-confirmation {
min-height: 250.72px;
border-radius: 4px;
background-color: var(--color-background-default);
box-shadow: var(--shadow-size-md) var(--color-shadow-default);
&__container {
padding: 24px 27px 21px;
display: flex;
flex-direction: column;
align-items: center;
}
&__identicon {
margin-bottom: 10px;
}
&__symbol {
@include Paragraph;
color: var(--color-text-alternative);
text-align: center;
margin-bottom: 7.5px;
}
&__title {
@include H3;
height: 30px;
width: 271.28px;
color: var(--color-text-alternative);
text-align: center;
margin-bottom: 10.5px;
}
&__copy {
@include Paragraph;
min-height: 41px;
width: 318px;
color: var(--color-text-alternative);
text-align: center;
}
&__buttons {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 15px;
width: 100%;
}
&__button {
margin: 0 5px;
}
}