@triptease/tt-navbar 0.0.43 → 0.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @triptease/tt-navbar v0.0.43
2
+ * @triptease/tt-navbar v0.0.44
3
3
  */
4
4
 
5
5
  // src/urlMappings.ts
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent tt-navbar following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "tt-navbar",
6
- "version": "0.0.43",
6
+ "version": "0.0.44",
7
7
  "type": "module",
8
8
  "main": "dist/src/index.js",
9
9
  "module": "dist/src/index.js",
package/src/styles.ts CHANGED
@@ -31,6 +31,7 @@ export const styles = css`
31
31
  }
32
32
 
33
33
  nav {
34
+ --menu-font-size: var(--font-size-200);
34
35
  max-width: var(--nav-bar-width);
35
36
  width: var(--nav-bar-width);
36
37
  min-height: 100vh;
@@ -100,7 +101,7 @@ export const styles = css`
100
101
  width: 100%;
101
102
 
102
103
  .external-link {
103
- font-size: var(--font-size-100);
104
+ font-size: var(--menu-font-size);
104
105
  line-height: var(--font-line-height-100);
105
106
 
106
107
  .icon {
@@ -133,7 +134,7 @@ export const styles = css`
133
134
 
134
135
  .nav-item {
135
136
  display: flex;
136
- font-size: var(--font-size-100);
137
+ font-size: var(--menu-font-size);
137
138
  line-height: var(--font-line-height-100);
138
139
  gap: var(--space-scale-1-5);
139
140
  border-radius: var(--border-radius-100);
@@ -157,7 +158,7 @@ export const styles = css`
157
158
  border-radius: var(--border-radius-100);
158
159
 
159
160
  summary {
160
- font-size: var(--font-size-100);
161
+ font-size: var(--menu-font-size);
161
162
  line-height: var(--font-line-height-100);
162
163
  position: relative;
163
164
  display: flex;
@@ -218,7 +219,7 @@ export const styles = css`
218
219
  padding-top: 10px;
219
220
  padding-bottom: 10px;
220
221
  color: var(--color-text-inverted-400);
221
- font-size: var(--font-size-100);
222
+ font-size: var(--menu-font-size);
222
223
  line-height: var(--font-line-height-100);
223
224
  text-decoration: none;
224
225