@tnotesjs/core 0.1.0

package/vitepress/theme/styles/index.scss

@@ -0,0 +1,25 @@
+/**
+ * 样式入口文件
+ * 按顺序导入所有样式，确保正确的层叠优先级
+ */
+
+/* 1. 基础层：CSS 变量和全局重置 */
+@use './base';
+
+/* 2. VitePress 覆盖层：覆盖默认主题样式 */
+@use './vitepress-override';
+
+/* 3. 布局层：全局布局样式 */
+@use './layout';
+
+/* 4. 组件全局层：跨组件共享的样式 */
+@use './components/swiper';
+@use './components/markmap';
+@use './components/collapse';
+/**
+ * !404 不是一个有效的 Sass 标识符（不能以数字开头），需要为它添加一个别名
+ */
+@use './components/404' as notfound;
+
+/* 5. 工具类和动画 */
+@use './utilities';

package/vitepress/theme/styles/layout.scss

@@ -0,0 +1,62 @@
+/**
+ * 布局层样式
+ * - 全局布局控制
+ * - 响应式布局
+ * - 特殊布局模式（侧边栏隐藏、全屏等）
+ */
+
+/* ===================================== */
+/* #region 侧边栏隐藏模式                */
+/* ===================================== */
+
+.hide-sidebar .VPSidebar {
+  transform: translateX(-100%);
+  pointer-events: none;
+  transition: transform 0.25s ease, opacity 0.25s ease;
+}
+
+.hide-sidebar .VPNavBar {
+  background-color: var(--vp-nav-bg-color) !important;
+}
+
+/* 主体内容往左补齐，与导航栏标题左对齐 */
+.hide-sidebar .VPContent {
+  margin-left: 0 !important;
+  padding-left: calc((100vw - var(--vp-layout-max-width)) / 2) !important;
+}
+
+.hide-sidebar .VPDoc .content-container {
+  max-width: calc(
+    var(--vp-sidebar-width) + var(--tn-content-width, 688px) +
+      var(--vp-sidebar-width)
+  ) !important;
+}
+
+/* #endregion */
+
+/* ===================================== */
+/* #region 全屏内容模式                  */
+/* ===================================== */
+
+.content-fullscreen .VPSidebar,
+.content-fullscreen .VPNav,
+.content-fullscreen .VPDocFooter,
+.content-fullscreen .VPNavBar {
+  display: none !important;
+}
+
+.content-fullscreen .VPContent {
+  margin: 0 !important;
+  padding: 0 2rem !important;
+  max-width: 100% !important;
+}
+
+.content-fullscreen body {
+  overflow: auto;
+}
+
+.content-fullscreen .VPDoc .content-container {
+  max-width: none !important;
+}
+
+/* #endregion */

package/vitepress/theme/styles/utilities.scss

@@ -0,0 +1,39 @@
+/**
+ * 工具类和通用动画
+ */
+
+/* ===================================== */
+/* #region 通用动画                      */
+/* ===================================== */
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+/* #endregion */

package/vitepress/theme/styles/vitepress-override.scss

@@ -0,0 +1,25 @@
+/**
+ * VitePress 默认主题覆盖
+ * 用于修改 VitePress 内置组件的样式
+ */
+
+/* ===================================== */
+/* #region 隐藏默认的 last updated       */
+/* ===================================== */
+
+.last-updated {
+  display: none;
+}
+
+/* #endregion */
+
+/* ===================================== */
+/* #region 修复 Discussions 边框问题     */
+/* ===================================== */
+
+.VPDoc.has-aside .content-container {
+  padding: 0 2px !important;
+  max-width: var(--tn-content-width, 688px) !important;
+}
+
+/* #endregion */