d147843c76
- Introduced blog routing using Next.js App Router - Implemented dynamic [slug] pages for blog posts - Added MDX-based content loading via lib/posts - Integrated shared TopBar layout with navigation - Established clear content, lib and component separation
101 lines
1.4 KiB
CSS
101 lines
1.4 KiB
CSS
/* [project]/app/global.css [app-client] (css) */
|
|
@layer properties {
|
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
*, :before, :after, ::backdrop {
|
|
--tw-border-style: solid;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sticky {
|
|
position: sticky;
|
|
}
|
|
|
|
.z-50 {
|
|
z-index: 50;
|
|
}
|
|
|
|
.mx-auto {
|
|
margin-inline: auto;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.min-w-\[72px\] {
|
|
min-width: 72px;
|
|
}
|
|
|
|
.flex-1 {
|
|
flex: 1;
|
|
}
|
|
|
|
.items-center {
|
|
align-items: center;
|
|
}
|
|
|
|
.justify-between {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.justify-center {
|
|
justify-content: center;
|
|
}
|
|
|
|
.justify-end {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.border {
|
|
border-style: var(--tw-border-style);
|
|
border-width: 1px;
|
|
}
|
|
|
|
.border-x {
|
|
border-inline-style: var(--tw-border-style);
|
|
border-inline-width: 1px;
|
|
}
|
|
|
|
.border-b {
|
|
border-bottom-style: var(--tw-border-style);
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.whitespace-pre-wrap {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.underline {
|
|
text-decoration-line: underline;
|
|
}
|
|
|
|
.opacity-70 {
|
|
opacity: .7;
|
|
}
|
|
|
|
.opacity-80 {
|
|
opacity: .8;
|
|
}
|
|
|
|
@media (hover: hover) {
|
|
.hover\:opacity-100:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
@property --tw-border-style {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: solid;
|
|
}
|
|
|
|
/*# sourceMappingURL=app_global_6b2d0839.css.map*/ |