jvetrau-ds 0.1.28 → 0.1.29

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.
Files changed (3) hide show
  1. package/layouts/base/base.css +11 -3
  2. package/package.json +1 -1
  3. package/styles.css +11 -3
package/layouts/base/base.css CHANGED
@@ -4,7 +4,12 @@
4
4
  /* typography */
5
5
 
6
6
  /* size */
7
- grid-template-rows: auto minmax(0, 1fr) auto;
7
+ --layout-base-header-height: 120px;
8
+
9
+ grid-template-rows:
10
+ auto
11
+ minmax(0, 1fr)
12
+ auto;
8
13
 
9
14
  /* border */
10
15
 
@@ -24,7 +29,8 @@
24
29
  justify-content: center;
25
30
 
26
31
  width: 100%;
27
- min-height: 120px;
32
+ min-height:
33
+ var(--layout-base-header-height);
28
34
 
29
35
  /* border */
30
36
 
@@ -50,6 +56,7 @@
50
56
  display: flex;
51
57
  align-items: flex-start;
52
58
  justify-content: center;
59
+
53
60
  align-self: stretch;
54
61
 
55
62
  width: 100%;
@@ -79,7 +86,8 @@
79
86
  --layout-base-content-width: 960px;
80
87
 
81
88
  width: 100%;
82
- max-width: var(--layout-base-content-width);
89
+ max-width:
90
+ var(--layout-base-content-width);
83
91
 
84
92
  /* border */
85
93
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jvetrau-ds",
3
- "version": "0.1.28",
3
+ "version": "0.1.29",
4
4
  "description": "Multi-brand React design system with semantic tokens",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
package/styles.css CHANGED
@@ -2971,7 +2971,12 @@
2971
2971
  /* typography */
2972
2972
 
2973
2973
  /* size */
2974
- grid-template-rows: auto minmax(0, 1fr) auto;
2974
+ --layout-base-header-height: 120px;
2975
+
2976
+ grid-template-rows:
2977
+ auto
2978
+ minmax(0, 1fr)
2979
+ auto;
2975
2980
 
2976
2981
  /* border */
2977
2982
 
@@ -2991,7 +2996,8 @@
2991
2996
  justify-content: center;
2992
2997
 
2993
2998
  width: 100%;
2994
- min-height: 120px;
2999
+ min-height:
3000
+ var(--layout-base-header-height);
2995
3001
 
2996
3002
  /* border */
2997
3003
 
@@ -3017,6 +3023,7 @@
3017
3023
  display: flex;
3018
3024
  align-items: flex-start;
3019
3025
  justify-content: center;
3026
+
3020
3027
  align-self: stretch;
3021
3028
 
3022
3029
  width: 100%;
@@ -3046,7 +3053,8 @@
3046
3053
  --layout-base-content-width: 960px;
3047
3054
 
3048
3055
  width: 100%;
3049
- max-width: var(--layout-base-content-width);
3056
+ max-width:
3057
+ var(--layout-base-content-width);
3050
3058
 
3051
3059
  /* border */
3052
3060