accounts-frontend/packages/app/components/auth/permissions/permissions.scss

78 lines
1.5 KiB
SCSS
Raw Permalink Normal View History

@import '~app/components/ui/colors.scss';
@import '~app/components/ui/fonts.scss';
.authInfo {
2020-05-24 04:38:24 +05:30
// Отступы сверху и снизу разные т.к. мы ужимаем высоту линии строки с логином на 2 пикселя и из-за этого теряем отступ снизу
padding: 5px 20px 7px;
2021-03-26 08:49:04 +05:30
text-align: start;
}
.authInfoAvatar {
2020-05-24 04:38:24 +05:30
$size: 30px;
2021-03-26 08:49:04 +05:30
float: start;
2020-05-24 04:38:24 +05:30
height: $size;
width: $size;
font-size: $size;
line-height: 1;
2021-03-26 08:49:04 +05:30
margin-inline-end: 10px;
2020-05-24 04:38:24 +05:30
margin-top: 2px;
color: #aaa;
2020-05-24 04:38:24 +05:30
img {
width: 100%;
}
}
.authInfoTitle {
2020-05-24 04:38:24 +05:30
font-size: 14px;
color: #666;
}
.authInfoEmail {
2020-05-24 04:38:24 +05:30
font-family: $font-family-title;
font-size: 20px;
line-height: 16px;
color: #fff;
}
.permissionsContainer {
2020-05-24 04:38:24 +05:30
padding: 15px 12px;
2021-03-26 08:49:04 +05:30
text-align: start;
}
.permissionsTitle {
2020-05-24 04:38:24 +05:30
font-family: $font-family-title;
font-size: 18px;
color: #dd8650;
padding-bottom: 6px;
}
.permissionsList {
2020-05-24 04:38:24 +05:30
list-style: none;
margin-top: 10px;
2020-05-24 04:38:24 +05:30
li {
color: #a9a9a9;
font-size: 14px;
line-height: 1.4;
padding-bottom: 4px;
2021-03-26 08:49:04 +05:30
padding-inline-start: 17px;
2020-05-24 04:38:24 +05:30
position: relative;
2020-05-24 04:38:24 +05:30
&:last-of-type {
padding-bottom: 0;
}
2020-05-24 04:38:24 +05:30
&:before {
content: '';
color: lighter($light_violet);
font-size: 39px; // ~ 9px
line-height: 9px;
position: absolute;
top: 6px;
2021-03-26 08:49:04 +05:30
inset-inline-start: -4px;
2020-05-24 04:38:24 +05:30
}
}
}