parent
d8e7fb4c42
commit
0cec119fc8
@ -1,83 +1,82 @@ |
||||
.permissions-redirect { |
||||
display: flex; |
||||
height: 100%; |
||||
align-items: center; |
||||
justify-content: center; |
||||
|
||||
&__result { |
||||
@extend %header--24; |
||||
|
||||
display: flex; |
||||
position: absolute; |
||||
top: 30%; |
||||
flex-direction: column; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
text-align: center; |
||||
color: $Black-100; |
||||
padding-bottom: 30%; |
||||
|
||||
&__icons { |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
&__center-icon { |
||||
display: flex; |
||||
position: relative; |
||||
justify-content: center; |
||||
align-items: center; |
||||
font-size: 12px; |
||||
} |
||||
&__icons { |
||||
display: flex; |
||||
} |
||||
|
||||
&__check { |
||||
width: 40px; |
||||
height: 40px; |
||||
background: white url("/images/permissions-check.svg") no-repeat; |
||||
position: absolute; |
||||
} |
||||
&__center-icon { |
||||
display: flex; |
||||
position: relative; |
||||
justify-content: center; |
||||
align-items: center; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
&__identicon, .icon-with-fallback__identicon { |
||||
width: 32px; |
||||
height: 32px; |
||||
&__check { |
||||
width: 40px; |
||||
height: 40px; |
||||
background: white url("/images/permissions-check.svg") no-repeat; |
||||
position: absolute; |
||||
} |
||||
|
||||
&--default { |
||||
background-color: #777A87; |
||||
color: white; |
||||
width: 64px; |
||||
height: 64px; |
||||
border-radius: 32px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
&__identicon, .icon-with-fallback__identicon { |
||||
width: 32px; |
||||
height: 32px; |
||||
|
||||
&__identicon-container, .icon-with-fallback__identicon-container { |
||||
height: auto; |
||||
position: relative; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 64px; |
||||
&--default { |
||||
background-color: #777A87; |
||||
color: white; |
||||
width: 64px; |
||||
} |
||||
|
||||
&__identicon-border, .icon-with-fallback__identicon-border { |
||||
height: 64px; |
||||
width: 64px; |
||||
border-radius: 50%; |
||||
border: 1px solid white; |
||||
background: #FFFFFF; |
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); |
||||
} |
||||
|
||||
&__identicon-border { |
||||
border-radius: 32px; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
justify-content: center; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
|
||||
.icon-with-fallback__identicon-border { |
||||
position: absolute; |
||||
} |
||||
&__identicon-container, .icon-with-fallback__identicon-container { |
||||
height: auto; |
||||
position: relative; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 64px; |
||||
width: 64px; |
||||
} |
||||
|
||||
&__identicon-border, .icon-with-fallback__identicon-border { |
||||
height: 64px; |
||||
width: 64px; |
||||
border-radius: 50%; |
||||
border: 1px solid white; |
||||
background: #FFFFFF; |
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); |
||||
} |
||||
|
||||
&__identicon-border { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.icon-with-fallback__identicon-border { |
||||
position: absolute; |
||||
} |
||||
} |
||||
|
Loading…
Reference in new issue