1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-25 03:20:23 +01:00
metamask-extension/ui/app/components/gas-customization/gas-modal-page-container/index.scss

59 lines
938 B
SCSS

@import './advanced-tab-content/index';
@import './basic-tab-content/index';
.gas-modal-page-container {
.page-container {
width: 391px;
}
}
.gas-modal-content {
&__basic-tab {
height: 219px;
}
&__info-row, &__info-row--fade {
width: 100%;
background: $polar;
padding: 15px 21px;
display: flex;
flex-flow: column;
color: $scorpion;
&__total-info, &__sum-info {
display: flex;
flex-flow: row;
justify-content: space-between;
}
&__total-info {
&__total-label {
font-size: 16px;
}
&__total-value {
font-size: 16px;
font-weight: bold;
}
}
&__sum-info {
&__sum-label {
font-size: 12px;
}
&__sum-value {
font-size: 14px;
}
}
}
&__info-row--fade {
background: white;
color: $dusty-gray;
border-top: 1px solid $mischka;
margin-top: 22px;
}
}