@rileybathurst/paddle 0.0.44 → 0.0.45
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.
- package/package.json +1 -1
- package/src/styles/cards.css +2 -1
- package/src/styles/layout.css +7 -5
- package/src/styles/lists.css +4 -4
- package/src/styles/media.css +2 -1
package/package.json
CHANGED
package/src/styles/cards.css
CHANGED
|
@@ -79,12 +79,14 @@
|
|
|
79
79
|
|
|
80
80
|
.card__details {
|
|
81
81
|
display: flex;
|
|
82
|
+
gap: var(--vinson);
|
|
82
83
|
width: calc(100% - var(--kilimanjaro));
|
|
83
84
|
margin-inline: var(--kosciuszko);
|
|
84
85
|
margin-block-end: var(--elbrus);
|
|
85
86
|
justify-content: space-between;
|
|
86
87
|
|
|
87
88
|
> * {
|
|
89
|
+
flex: 1 1;
|
|
88
90
|
margin: 0;
|
|
89
91
|
}
|
|
90
92
|
|
|
@@ -93,7 +95,6 @@
|
|
|
93
95
|
h4,
|
|
94
96
|
h5,
|
|
95
97
|
h6 {
|
|
96
|
-
font-size: var(--denali);
|
|
97
98
|
font-size: clamp(var(--vinson), 1.667vw, var(--denali));
|
|
98
99
|
font-weight: normal;
|
|
99
100
|
line-height: var(--everest);
|
package/src/styles/layout.css
CHANGED
|
@@ -76,12 +76,12 @@ footer {
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
.pelican.wrap > * {
|
|
79
|
-
flex: 1 1 calc(var(--pelican) / 2 -
|
|
79
|
+
flex: 1 1 calc(var(--pelican) / 2 - var(--vinson));
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.albatross.wrap > *,
|
|
83
83
|
.deck > * {
|
|
84
|
-
flex: 1 1 calc(var(--albatross) / 2 -
|
|
84
|
+
flex: 1 1 calc(var(--albatross) / 2 - var(--vinson));
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
/*------------------------------------*/
|
|
@@ -90,8 +90,10 @@ footer {
|
|
|
90
90
|
|
|
91
91
|
/* this isnt a direct nested its always down another layer */
|
|
92
92
|
.albatross .pelican,
|
|
93
|
-
|
|
93
|
+
/* ! deck * needs to be removed its maybe only the image that needs it */
|
|
94
|
+
.deck *:not(p, hr) {
|
|
94
95
|
/* ? margin-inline: 0; ? should this be centered */
|
|
96
|
+
/* TODO: this needs a :not for a few things */
|
|
95
97
|
width: 100%; /* resets the padding */
|
|
96
98
|
padding-inline: 0;
|
|
97
99
|
}
|
|
@@ -153,8 +155,8 @@ header {
|
|
|
153
155
|
|
|
154
156
|
.social {
|
|
155
157
|
display: flex;
|
|
156
|
-
gap: var(--kilimanjaro);
|
|
157
|
-
margin-block
|
|
158
|
+
gap: clamp(var(--kilimanjaro), 1.667vw, var(--aconcagua));
|
|
159
|
+
margin-block: clamp(var(--kilimanjaro), 1.667vw, var(--aconcagua));
|
|
158
160
|
}
|
|
159
161
|
|
|
160
162
|
/*------------------*/
|
package/src/styles/lists.css
CHANGED
|
@@ -74,16 +74,16 @@ ol {
|
|
|
74
74
|
.react-aria-Breadcrumbs {
|
|
75
75
|
max-width: var(--pelican);
|
|
76
76
|
margin-inline: auto; /* overwrite nav */
|
|
77
|
-
padding-inline: 0.75rem; /* overwrite nav */
|
|
78
|
-
list-style: none;
|
|
79
77
|
display: flex;
|
|
80
78
|
flex-flow: row wrap;
|
|
81
|
-
|
|
82
|
-
padding-block-start: 1.5rem;
|
|
79
|
+
list-style: none; /* reset */
|
|
83
80
|
margin-block-end: 0;
|
|
81
|
+
padding-inline: var(--kosciuszko); /* overwrite nav */
|
|
82
|
+
padding-block: var(--kilimanjaro);
|
|
84
83
|
text-transform: capitalize;
|
|
85
84
|
|
|
86
85
|
li {
|
|
86
|
+
/* ? is this needed its a flex */
|
|
87
87
|
display: inline;
|
|
88
88
|
|
|
89
89
|
li:not(:last-child)::after {
|
package/src/styles/media.css
CHANGED
|
@@ -5,7 +5,8 @@
|
|
|
5
5
|
svg {
|
|
6
6
|
width: 100%;
|
|
7
7
|
height: 100%;
|
|
8
|
-
min-width:
|
|
8
|
+
min-width: var(--everest); /* safari needs default mins */
|
|
9
|
+
min-height: var(--everest); /* safari needs default mins */
|
|
9
10
|
max-width: clamp(var(--kilimanjaro), 5vw, 5rem);
|
|
10
11
|
max-height: clamp(var(--kilimanjaro), 5vw, 5rem);
|
|
11
12
|
}
|