mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-12-25 06:30:00 +05:30
78 lines
1.5 KiB
SCSS
78 lines
1.5 KiB
SCSS
@import '~app/components/ui/colors.scss';
|
||
@import '~app/components/ui/fonts.scss';
|
||
|
||
.authInfo {
|
||
// Отступы сверху и снизу разные т.к. мы ужимаем высоту линии строки с логином на 2 пикселя и из-за этого теряем отступ снизу
|
||
padding: 5px 20px 7px;
|
||
text-align: start;
|
||
}
|
||
|
||
.authInfoAvatar {
|
||
$size: 30px;
|
||
|
||
float: start;
|
||
height: $size;
|
||
width: $size;
|
||
font-size: $size;
|
||
line-height: 1;
|
||
margin-inline-end: 10px;
|
||
margin-top: 2px;
|
||
color: #aaa;
|
||
|
||
img {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
.authInfoTitle {
|
||
font-size: 14px;
|
||
color: #666;
|
||
}
|
||
|
||
.authInfoEmail {
|
||
font-family: $font-family-title;
|
||
font-size: 20px;
|
||
line-height: 16px;
|
||
color: #fff;
|
||
}
|
||
|
||
.permissionsContainer {
|
||
padding: 15px 12px;
|
||
text-align: start;
|
||
}
|
||
|
||
.permissionsTitle {
|
||
font-family: $font-family-title;
|
||
font-size: 18px;
|
||
color: #dd8650;
|
||
padding-bottom: 6px;
|
||
}
|
||
|
||
.permissionsList {
|
||
list-style: none;
|
||
margin-top: 10px;
|
||
|
||
li {
|
||
color: #a9a9a9;
|
||
font-size: 14px;
|
||
line-height: 1.4;
|
||
padding-bottom: 4px;
|
||
padding-inline-start: 17px;
|
||
position: relative;
|
||
|
||
&:last-of-type {
|
||
padding-bottom: 0;
|
||
}
|
||
|
||
&:before {
|
||
content: '• ';
|
||
color: lighter($light_violet);
|
||
font-size: 39px; // ~ 9px
|
||
line-height: 9px;
|
||
position: absolute;
|
||
top: 6px;
|
||
inset-inline-start: -4px;
|
||
}
|
||
}
|
||
}
|