mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-22 19:26:13 +02:00
1582855e28
Using extend would not work inside of some css, namely inside of media queries. This made it a clear choice to use mixins for these styles.
47 lines
723 B
SCSS
47 lines
723 B
SCSS
@import 'choose-account/index';
|
|
@import 'redirect/index';
|
|
|
|
.permissions-connect {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
background: white;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
@media screen and (min-width: 576px) {
|
|
.page-container {
|
|
max-height: none;
|
|
min-height: auto;
|
|
}
|
|
}
|
|
|
|
&__top-bar {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
padding: 16px 16px 0 16px;
|
|
align-items: center;
|
|
}
|
|
|
|
&__back {
|
|
@include H6;
|
|
|
|
color: $Grey-600;
|
|
cursor: pointer;
|
|
|
|
i {
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
&__page-count {
|
|
@include H7;
|
|
|
|
color: #6a737d;
|
|
grid-column: 2;
|
|
justify-self: end;
|
|
font-weight: bold;
|
|
line-height: 21px;
|
|
}
|
|
}
|