2021-12-19 14:35:13 +00:00
|
|
|
@use '../../partials/flex';
|
2021-12-19 04:58:41 +00:00
|
|
|
@use '../../partials/dir';
|
|
|
|
|
|
2021-07-28 13:15:52 +00:00
|
|
|
.settings-window {
|
2021-12-19 14:35:13 +00:00
|
|
|
& .pw__drawer__content {
|
|
|
|
|
@extend .cp-fx__column;
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
padding-bottom: var(--sp-extra-tight);
|
|
|
|
|
|
|
|
|
|
& > .pw-content-selector:last-child {
|
|
|
|
|
margin-top: auto;
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-07-28 13:15:52 +00:00
|
|
|
& .pw__content-container {
|
2021-07-31 16:20:15 +00:00
|
|
|
min-height: 100%;
|
2021-07-28 13:15:52 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.settings-content {
|
2021-12-19 04:58:41 +00:00
|
|
|
@include dir.side(margin, var(--sp-normal), var(--sp-extra-tight));
|
2021-07-31 16:20:15 +00:00
|
|
|
|
|
|
|
|
& .setting-tile {
|
|
|
|
|
margin-top: var(--sp-normal);
|
2021-08-01 14:00:35 +00:00
|
|
|
border-bottom: 1px solid var(--bg-surface-border);
|
|
|
|
|
padding-bottom: 16px;
|
2021-07-31 16:20:15 +00:00
|
|
|
}
|
2021-07-28 13:15:52 +00:00
|
|
|
}
|
|
|
|
|
|
2021-08-01 14:00:35 +00:00
|
|
|
.set-about {
|
2021-07-31 16:20:15 +00:00
|
|
|
&__branding {
|
|
|
|
|
margin-top: var(--sp-extra-tight);
|
|
|
|
|
margin-bottom: var(--sp-normal);
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
|
|
& > div {
|
|
|
|
|
margin: 0 calc(var(--sp-loose) + var(--sp-ultra-tight));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
&__btns {
|
|
|
|
|
margin: 0;
|
|
|
|
|
margin-top: var(--sp-normal);
|
|
|
|
|
& button:last-child {
|
|
|
|
|
margin: 0 var(--sp-tight)
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-07-28 13:15:52 +00:00
|
|
|
}
|
