brand-shell 0.9.0 → 0.11.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/dist/default.css +38 -19
- package/package.json +1 -1
package/dist/default.css
CHANGED
|
@@ -293,16 +293,16 @@
|
|
|
293
293
|
|
|
294
294
|
.brand-shell-header__nav {
|
|
295
295
|
min-width: 0;
|
|
296
|
-
|
|
297
|
-
|
|
296
|
+
width: 100%;
|
|
297
|
+
overflow: visible;
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
.brand-shell-header__list {
|
|
301
|
-
flex-wrap:
|
|
302
|
-
width:
|
|
303
|
-
min-width:
|
|
304
|
-
padding-bottom: 0
|
|
305
|
-
gap: 0.24rem;
|
|
301
|
+
flex-wrap: wrap;
|
|
302
|
+
width: 100%;
|
|
303
|
+
min-width: 0;
|
|
304
|
+
padding-bottom: 0;
|
|
305
|
+
gap: 0.24rem 0.34rem;
|
|
306
306
|
}
|
|
307
307
|
|
|
308
308
|
.brand-shell-header__link {
|
|
@@ -346,18 +346,33 @@
|
|
|
346
346
|
|
|
347
347
|
.brand-shell-header__social {
|
|
348
348
|
justify-content: flex-start;
|
|
349
|
-
flex-wrap:
|
|
349
|
+
flex-wrap: wrap;
|
|
350
350
|
gap: 0.36rem;
|
|
351
351
|
margin-top: 0.12rem;
|
|
352
352
|
padding-block: 0.08rem 0.12rem;
|
|
353
|
-
overflow
|
|
354
|
-
position: relative;
|
|
355
|
-
z-index: 1;
|
|
353
|
+
overflow: visible;
|
|
356
354
|
}
|
|
357
355
|
|
|
358
356
|
.brand-shell-header__social-link:hover {
|
|
359
357
|
transform: none;
|
|
360
358
|
}
|
|
359
|
+
|
|
360
|
+
.brand-shell-header__nav,
|
|
361
|
+
.brand-shell-header__social,
|
|
362
|
+
.brand-shell-footer__nav,
|
|
363
|
+
.brand-shell-footer__social {
|
|
364
|
+
-ms-overflow-style: none;
|
|
365
|
+
scrollbar-width: none;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
.brand-shell-header__nav::-webkit-scrollbar,
|
|
369
|
+
.brand-shell-header__social::-webkit-scrollbar,
|
|
370
|
+
.brand-shell-footer__nav::-webkit-scrollbar,
|
|
371
|
+
.brand-shell-footer__social::-webkit-scrollbar {
|
|
372
|
+
width: 0;
|
|
373
|
+
height: 0;
|
|
374
|
+
display: none;
|
|
375
|
+
}
|
|
361
376
|
}
|
|
362
377
|
|
|
363
378
|
@media (max-width: 460px) {
|
|
@@ -568,15 +583,15 @@
|
|
|
568
583
|
|
|
569
584
|
.brand-shell-footer__nav {
|
|
570
585
|
width: 100%;
|
|
571
|
-
overflow
|
|
572
|
-
scrollbar-width: thin;
|
|
586
|
+
overflow: visible;
|
|
573
587
|
}
|
|
574
588
|
|
|
575
589
|
.brand-shell-footer__list {
|
|
576
|
-
flex-wrap:
|
|
577
|
-
width:
|
|
578
|
-
min-width:
|
|
579
|
-
padding-bottom: 0
|
|
590
|
+
flex-wrap: wrap;
|
|
591
|
+
width: 100%;
|
|
592
|
+
min-width: 0;
|
|
593
|
+
padding-bottom: 0;
|
|
594
|
+
gap: 0.24rem 0.4rem;
|
|
580
595
|
}
|
|
581
596
|
|
|
582
597
|
.brand-shell-footer__ctas {
|
|
@@ -604,11 +619,15 @@
|
|
|
604
619
|
|
|
605
620
|
.brand-shell-footer__social {
|
|
606
621
|
width: 100%;
|
|
607
|
-
flex-wrap:
|
|
608
|
-
overflow
|
|
622
|
+
flex-wrap: wrap;
|
|
623
|
+
overflow: visible;
|
|
609
624
|
gap: 0.4rem;
|
|
610
625
|
margin-top: 0.12rem;
|
|
611
626
|
}
|
|
627
|
+
|
|
628
|
+
.brand-shell-footer__link {
|
|
629
|
+
white-space: nowrap;
|
|
630
|
+
}
|
|
612
631
|
}
|
|
613
632
|
|
|
614
633
|
@media (max-width: 460px) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "brand-shell",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.0",
|
|
4
4
|
"description": "Reusable Header and Footer components with typed details and theme. Premium default UX, works in React, Vite, Next.js.",
|
|
5
5
|
"homepage": "https://github.com/venwork-dev/brand-shell#readme",
|
|
6
6
|
"repository": {
|