@faststore/ui 2.0.139-alpha.0 → 2.0.142-alpha.0
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 +2 -2
- package/src/components/atoms/Logo/styles.scss +7 -9
- package/src/components/organisms/Footer/styles.scss +11 -9
- package/src/components/organisms/Navbar/styles.scss +12 -0
- package/src/components/organisms/NavbarSlider/styles.scss +3 -7
- package/src/styles/base/tokens.scss +3 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.142-alpha.0",
|
|
4
4
|
"description": "A lightweight, framework agnostic component library for React",
|
|
5
5
|
"author": "emersonlaurentino",
|
|
6
6
|
"license": "MIT",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"node": "16.18.0",
|
|
59
59
|
"yarn": "1.19.1"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "d03c47af5c1e66cec599d8dec1fd211c5ec01afc"
|
|
62
62
|
}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
[data-fs-logo] {
|
|
2
|
-
|
|
3
|
-
--fs-logo-img : url("~/public/brandless-neutral.png");
|
|
4
|
-
|
|
5
|
-
display: block;
|
|
6
|
-
width: var(--fs-logo-width);
|
|
2
|
+
display: flex;
|
|
7
3
|
height: 100%;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
width: var(--fs-logo-width);
|
|
5
|
+
|
|
6
|
+
[data-fs-image] {
|
|
7
|
+
object-fit: contain;
|
|
8
|
+
object-position: left;
|
|
9
|
+
}
|
|
12
10
|
}
|
|
@@ -20,6 +20,9 @@
|
|
|
20
20
|
--fs-footer-title-weight : var(--fs-text-weight-bold);
|
|
21
21
|
--fs-footer-title-margin-bottom : var(--fs-spacing-1);
|
|
22
22
|
|
|
23
|
+
// Logo
|
|
24
|
+
--fs-footer-logo-width : var(--fs-logo-width);
|
|
25
|
+
|
|
23
26
|
// --------------------------------------------------------
|
|
24
27
|
// Structural Styles
|
|
25
28
|
// --------------------------------------------------------
|
|
@@ -32,14 +35,6 @@
|
|
|
32
35
|
padding-top: 0;
|
|
33
36
|
}
|
|
34
37
|
|
|
35
|
-
[data-fs-footer-logo] {
|
|
36
|
-
margin: var(--fs-spacing-3) 0;
|
|
37
|
-
display: block;
|
|
38
|
-
width: 7rem;
|
|
39
|
-
height: 100%;
|
|
40
|
-
min-height: var(--fs-spacing-6);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
38
|
[data-fs-footer-links-title],
|
|
44
39
|
[data-fs-footer-social-title] {
|
|
45
40
|
margin-bottom: var(--fs-footer-title-margin-bottom);
|
|
@@ -76,6 +71,14 @@
|
|
|
76
71
|
grid-column: span 12;
|
|
77
72
|
}
|
|
78
73
|
}
|
|
74
|
+
|
|
75
|
+
[data-fs-logo] {
|
|
76
|
+
width: var(--fs-footer-logo-width);
|
|
77
|
+
|
|
78
|
+
[data-fs-image] {
|
|
79
|
+
object-position: left top;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
79
82
|
}
|
|
80
83
|
|
|
81
84
|
[data-fs-footer-navigation] {
|
|
@@ -158,7 +161,6 @@
|
|
|
158
161
|
|
|
159
162
|
[data-fs-footer-copyright] {
|
|
160
163
|
p {
|
|
161
|
-
margin: var(--fs-spacing-2) auto;
|
|
162
164
|
white-space: break-spaces;
|
|
163
165
|
}
|
|
164
166
|
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
--fs-navbar-search-expanded-button-icon-margin-right : -4.063rem;
|
|
34
34
|
|
|
35
35
|
// Logo
|
|
36
|
+
--fs-navbar-logo-width : var(--fs-logo-width);
|
|
36
37
|
--fs-navbar-logo-border-left-width : var(--fs-border-width);
|
|
37
38
|
--fs-navbar-logo-border-left-color : var(--fs-border-color-light);
|
|
38
39
|
|
|
@@ -82,6 +83,7 @@
|
|
|
82
83
|
align-items: center;
|
|
83
84
|
justify-content: space-between;
|
|
84
85
|
width: 100%;
|
|
86
|
+
height: 100%;
|
|
85
87
|
|
|
86
88
|
@include media("<notebook") {
|
|
87
89
|
padding: 0;
|
|
@@ -185,9 +187,11 @@
|
|
|
185
187
|
overflow-x: clip;
|
|
186
188
|
background-color: var(--fs-navbar-bkg-color);
|
|
187
189
|
backdrop-filter: blur(10px);
|
|
190
|
+
height: 100%;
|
|
188
191
|
}
|
|
189
192
|
|
|
190
193
|
[data-fs-navbar-logo] {
|
|
194
|
+
height: 100%;
|
|
191
195
|
align-self: stretch;
|
|
192
196
|
|
|
193
197
|
@include media("<notebook") {
|
|
@@ -196,5 +200,13 @@
|
|
|
196
200
|
margin-left: var(--fs-spacing-0);
|
|
197
201
|
border-left: var(--fs-navbar-logo-border-left-width) solid var(--fs-navbar-logo-border-left-color);
|
|
198
202
|
}
|
|
203
|
+
|
|
204
|
+
[data-fs-logo] {
|
|
205
|
+
width: var(--fs-navbar-logo-width);
|
|
206
|
+
|
|
207
|
+
@include media(">=notebook") {
|
|
208
|
+
padding: var(--fs-spacing-2) 0;
|
|
209
|
+
}
|
|
210
|
+
}
|
|
199
211
|
}
|
|
200
212
|
}
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
--fs-navbar-slider-padding : var(--fs-spacing-3);
|
|
8
8
|
|
|
9
9
|
// Header
|
|
10
|
+
--fs-navbar-slider-header-height : 5rem;
|
|
10
11
|
--fs-navbar-slider-header-padding-bottom : var(--fs-spacing-2);
|
|
11
12
|
--fs-navbar-slider-header-button-margin-right : calc(-1 * var(--fs-spacing-1));
|
|
12
13
|
|
|
@@ -15,7 +16,6 @@
|
|
|
15
16
|
--fs-navbar-slider-footer-margin-top : var(--fs-navbar-slider-header-padding-bottom);
|
|
16
17
|
|
|
17
18
|
// Logo
|
|
18
|
-
--fs-navbar-slider-logo-height : 2.375rem;
|
|
19
19
|
--fs-navbar-slider-logo-padding : 0;
|
|
20
20
|
--fs-navbar-slider-logo-margin-right : var(--fs-spacing-5);
|
|
21
21
|
|
|
@@ -27,18 +27,14 @@
|
|
|
27
27
|
|
|
28
28
|
[data-fs-navbar-slider-header] {
|
|
29
29
|
padding: 0;
|
|
30
|
+
height: var(--fs-navbar-slider-header-height);
|
|
30
31
|
padding-bottom: var(--fs-navbar-slider-header-padding-bottom);
|
|
31
32
|
}
|
|
32
33
|
|
|
33
34
|
[data-fs-navbar-slider-logo] {
|
|
34
|
-
height:
|
|
35
|
+
height: 100%;
|
|
35
36
|
padding: var(--fs-navbar-slider-logo-padding);
|
|
36
37
|
margin-right: var(--fs-navbar-slider-logo-margin-right);
|
|
37
|
-
|
|
38
|
-
img {
|
|
39
|
-
width: 100%;
|
|
40
|
-
height: 100%;
|
|
41
|
-
}
|
|
42
38
|
}
|
|
43
39
|
|
|
44
40
|
[data-fs-navbar-slider-footer] {
|