1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-02 22:24:27 +01:00
metamask-extension/ui/components/app/connected-accounts-permissions/index.scss

60 lines
992 B
SCSS

.connected-accounts-permissions {
@include H7;
display: flex;
flex-direction: column;
color: var(--color-text-alternative);
strong {
font-weight: bold;
}
p + p {
padding-top: 8px;
}
&__header {
@include H6;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
cursor: pointer;
color: var(--color-text-default);
button {
font-size: $font-size-paragraph;
background: none;
padding: 0;
margin-left: 8px;
color: var(--color-icon-default);
}
}
&__list {
padding-top: 8px;
}
&__list-item {
display: flex;
}
& &__checkbox {
font-size: $font-size-h4;
margin: 0 8px 0 0;
}
&__list-container {
max-height: 0;
overflow: hidden;
height: auto;
transition: max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1);
&--expanded {
// arbitrarily set hard coded value for effect to work
max-height: 100px;
}
}
}