@riebeckite/theme-rerurate 0.0.32 → 0.0.33

package/README.md

@@ -129,19 +129,3 @@ Red and Green also back the functional `danger` / `success` tokens.
 - [`@riebeckite/theme-sakura`](../sakura/README.md)
 - [`@riebeckite/theme-tokyonight`](../tokyonight/README.md)
 - [`@riebeckite/theme-gruvbox`](../gruvbox/README.md)
-
-## Documentation site
-
-A Theme based on Rerurate's visual language.
-
-## Installation
-
-```bash
-npm install @riebeckite/theme-rerurate
-```
-
-Check the implementation and this canonical page as the source of truth for the Theme's factory name and configuration options. Use it by assigning it to `theme` in `riebeckite.config.ts`.
-
-## Detailed specification
-
-For configuration options and Theme-specific behavior, see this canonical page. For how Themes work, see [Theme System](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/framework/theme-system.md). To create a Theme, see [Writing a Theme](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/themes/writing-a-theme.md).

package/README_ja.md

@@ -69,19 +69,3 @@ export default defineConfig({
 - [`@riebeckite/theme-sakura`](../sakura/README_ja.md)
 - [`@riebeckite/theme-tokyonight`](../tokyonight/README_ja.md)
 - [`@riebeckite/theme-gruvbox`](../gruvbox/README_ja.md)
-
-## Documentation site
-
-Rerurate の視覚表現をもとにした Theme です。
-
-## 導入
-
-```bash
-npm install @riebeckite/theme-rerurate
-```
-
-Theme の factory 名と設定項目は、実装とこのページを一次情報として確認してください。`riebeckite.config.ts` の `theme` に設定して利用します。
-
-## 詳細仕様
-
-設定項目や Theme 固有の仕様は このページを参照してください。Theme の仕組みは [Theme System](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/framework/theme-system.ja.md)、Theme を作る場合は [Writing a Theme](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/themes/writing-a-theme.ja.md) を参照してください。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/theme-rerurate",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/src/index.js",
@@ -16,7 +16,7 @@
     "./styles/theme.css": "./styles/theme.css"
   },
   "dependencies": {
-    "@riebeckite/core": "0.0.32"
+    "@riebeckite/core": "0.0.33"
   },
   "publishConfig": {
     "access": "public"

package/styles/theme.css

@@ -859,3 +859,148 @@
     opacity: 1;
   }
 }
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-site-footer {
+  position: relative;
+  width: min(100% - 2rem, 80rem);
+  margin-top: 6rem;
+  padding: 0;
+  border: 0;
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-site-footer::before {
+  display: block;
+  width: 6rem;
+  height: 3px;
+  content: "";
+  background-image: var(--rr-svg-rule);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .site-footer__main {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 3rem;
+  padding: 2rem 0 1.5rem;
+  border-top: 1px solid var(--rb-color-ink);
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .site-footer__project {
+  display: inline-block;
+  color: var(--rb-color-ink);
+  font-family: var(--rb-font-heading);
+  font-size: clamp(1.75rem, 1.3rem + 1.5vw, 2.5rem);
+  font-weight: 600;
+  letter-spacing: -0.035em;
+  line-height: 1;
+  text-decoration: none;
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+  .site-footer__project::first-letter {
+  color: var(--rb-color-accent);
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+  .site-footer__description {
+  max-width: 22rem;
+  margin: 0.75rem 0 0;
+  color: var(--rb-color-muted);
+  font-size: 0.9rem;
+  line-height: 1.55;
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .site-footer__author {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 1rem;
+  margin-top: 1.25rem;
+  font-family: var(--rb-font-heading);
+  font-size: 0.68rem;
+  font-weight: 500;
+  letter-spacing: 0.12em;
+  line-height: 1.4;
+  text-transform: uppercase;
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+  .site-footer__author
+  span {
+  color: var(--rb-color-muted);
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .site-footer__author a {
+  color: var(--rb-color-ink);
+  text-decoration: none;
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+  .site-footer__author
+  a:hover,
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+  .site-footer__author
+  a:focus-visible {
+  color: var(--rb-color-accent);
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+  .site-footer__author
+  a:focus-visible {
+  outline: 2px solid var(--rb-color-accent);
+  outline-offset: 2px;
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+  .site-footer__navigation {
+  align-self: end;
+  --rb-nav-list-flex-wrap: wrap;
+  --rb-nav-list-justify-content: flex-end;
+  --rb-nav-gap: 0;
+  --rb-nav-item-display: block;
+  --rb-nav-item-padding: 0.5rem 0 0.5rem 1.5rem;
+  --rb-nav-item-font-family: var(--rb-font-heading);
+  --rb-nav-item-font-size: 0.72rem;
+  --rb-nav-item-font-weight: 600;
+  --rb-nav-item-letter-spacing: 0.12em;
+  --rb-nav-item-text-transform: uppercase;
+}
+
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .site-footer__meta {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1rem 0 2rem;
+  border-top: 1px solid var(--rb-color-border);
+  color: var(--rb-color-muted);
+  font-family: var(--rb-font-heading);
+  font-size: 0.68rem;
+  font-weight: 500;
+  letter-spacing: 0.12em;
+  line-height: 1.4;
+  text-transform: uppercase;
+}
+
+@media (max-width: 48rem) {
+  :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-site-footer {
+    width: calc(100% - 2rem);
+    margin-top: 4rem;
+  }
+
+  :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .site-footer__main {
+    grid-template-columns: 1fr;
+    gap: 2rem;
+  }
+
+  :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
+    .site-footer__navigation {
+    align-self: start;
+    --rb-nav-list-justify-content: flex-start;
+    --rb-nav-item-padding: 0.5rem 1.5rem 0.5rem 0;
+  }
+
+  :is(:root, .rb-theme-root)[data-theme-name="rerurate"] .site-footer__meta {
+    flex-direction: column;
+    gap: 0.5rem;
+    padding-bottom: 1.5rem;
+  }
+}