|
|
|
@ -58,6 +58,20 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.skin-citizen {
|
|
|
|
|
.isekai-fab-btn {
|
|
|
|
|
border-color: var(--border-color-base);
|
|
|
|
|
background-color: var(--color-surface-2);
|
|
|
|
|
color: var(--color-emphasized);
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
border-color: var(--border-color-base);
|
|
|
|
|
background-color: var(--color-surface-2--hover);
|
|
|
|
|
color: var(--color-emphasized);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// =============================================================================
|
|
|
|
|
// Context menu
|
|
|
|
|
// =============================================================================
|
|
|
|
@ -223,4 +237,16 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.use-isekai-bottom-nav {
|
|
|
|
|
&.skin-citizen {
|
|
|
|
|
.page-actions {
|
|
|
|
|
bottom: ~"calc(var(--header-size) + var(--space-xs) + " @isekai-bottom-nav-button-size ~")";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.citizen-header {
|
|
|
|
|
bottom: @isekai-bottom-nav-button-size;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|