nyaabooru/resources/css/app.css
Jaiden 13307bc7f4
Some checks failed
Docker / build (push) Has been cancelled
Mobile display updates
2025-06-28 14:17:54 -04:00

99 lines
2.5 KiB
CSS

@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/webawesome.css');
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/utilities.css');
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/themes/tailspin.css');
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/color/bright.css');
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/brand/purple.css');
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/themes/awesome/typography.css');
html,
body {
min-height: 100%;
height: 100%;
padding: 0;
margin: 0;
}
:where(:root),
:host,
.wa-theme-nyaabooru {
--wa-icon-family: classic;
--wa-icon-variant: light;
--wa-border-radius-scale: 0.5;
--wa-space-scale: 1;
--wa-border-width-scale: 1;
}
wa-page {
--menu-width: 15rem;
--aside-width: 15rem;
}
wa-page[view='desktop'] {
[slot*='navigation'] {
border-inline-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
}
[slot*='subheader'],
[slot*='navigation'],
[slot*='navigation-header'],
[slot*='navigation-footer']{
display: none;
}
}
wa-page[view='mobile'] {
[slot*='header'] {
display: none;
}
[slot*='subheader'],
[slot*='navigation-header'] {
display: flex;
}
--menu-width: auto;
--aside-width: auto;
}
[slot*='navigation'] a {
text-decoration: none;
--wa-color-text-link: var(--wa-color-text-normal);
}
[slot*='subheader'] {
border-block-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
a {
text-decoration: none;
--wa-color-text-link: var(--wa-color-text-normal);
}
}
[slot*='navigation-header'] {
a {
text-decoration: none;
--wa-color-text-link: var(--wa-color-text-normal);
}
}
[slot*='navigation-footer'] {
border-block-start: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
a {
text-decoration: none;
--wa-color-text-link: var(--wa-color-text-normal);
}
}
[slot='header'] {
--wa-link-decoration-default: none;
border-block-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
}
[slot='footer'] {
--wa-link-decoration-default: none;
border-block-start: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
}
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';