@rhavenside/baseline-ui 1.0.24 → 1.0.26

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 (12) hide show
  1. package/dist/baseline.css +57 -0
  2. package/dist/baseline.css.map +1 -1
  3. package/dist/baseline.js +77 -9
  4. package/dist/baseline.js.map +2 -2
  5. package/dist/baseline.min.css +1 -1
  6. package/dist/baseline.min.js +1 -1
  7. package/dist/baseline.min.js.map +3 -3
  8. package/package.json +1 -1
  9. package/src/components/_nav.scss +41 -0
  10. package/src/components/_sidebar.scss +18 -0
  11. package/src/js/components/tabs.js +102 -15
  12. package/src/layout/_container.scss +10 -0
package/dist/baseline.css CHANGED
@@ -620,6 +620,16 @@ textarea {
620
620
  padding-right: var(--spacing-md);
621
621
  }
622
622
 
623
+ .bl-container-sidebar {
624
+ margin-left: 17.5rem;
625
+ }
626
+ @media (max-width: 768px) {
627
+ .bl-container-sidebar {
628
+ margin-left: 0;
629
+ padding: var(--spacing-md);
630
+ }
631
+ }
632
+
623
633
  .bl-row {
624
634
  display: flex;
625
635
  flex-wrap: wrap;
@@ -4603,6 +4613,7 @@ textarea {
4603
4613
  border-top-left-radius: var(--tech-border-radius-sm);
4604
4614
  border-top-right-radius: var(--tech-border-radius-sm);
4605
4615
  background: transparent;
4616
+ transition: var(--transition-base);
4606
4617
  }
4607
4618
  .bl-nav-tabs .bl-nav-link:hover {
4608
4619
  border-color: var(--glass-border-medium);
@@ -4616,6 +4627,39 @@ textarea {
4616
4627
  border-bottom: 0.125rem solid var(--color-accent);
4617
4628
  }
4618
4629
 
4630
+ .bl-tab-content {
4631
+ position: relative;
4632
+ overflow: hidden;
4633
+ }
4634
+ .bl-tab-content [data-tab-content] {
4635
+ display: none;
4636
+ opacity: 0;
4637
+ transition: opacity var(--transition-duration-base) var(--transition-ease-in-out);
4638
+ }
4639
+ .bl-tab-content [data-tab-content].bl-tab-show {
4640
+ display: block;
4641
+ animation: bl-tab-fade-in var(--transition-duration-base) var(--transition-ease-in-out) forwards;
4642
+ }
4643
+ .bl-tab-content [data-tab-content].bl-tab-hide {
4644
+ animation: bl-tab-fade-out var(--transition-duration-base) var(--transition-ease-in-out) forwards;
4645
+ }
4646
+
4647
+ @keyframes bl-tab-fade-in {
4648
+ from {
4649
+ opacity: 0;
4650
+ }
4651
+ to {
4652
+ opacity: 1;
4653
+ }
4654
+ }
4655
+ @keyframes bl-tab-fade-out {
4656
+ from {
4657
+ opacity: 1;
4658
+ }
4659
+ to {
4660
+ opacity: 0;
4661
+ }
4662
+ }
4619
4663
  .bl-nav-pills .bl-nav-link {
4620
4664
  border-radius: var(--tech-border-radius-sm);
4621
4665
  }
@@ -5400,6 +5444,9 @@ textarea {
5400
5444
  height: 100vh;
5401
5445
  min-height: auto;
5402
5446
  }
5447
+ .bl-sidebar.bl-sidebar-persistent .bl-sidebar-close {
5448
+ display: none;
5449
+ }
5403
5450
  }
5404
5451
  @media (max-width: 767.98px) {
5405
5452
  .bl-sidebar.bl-sidebar-persistent {
@@ -5409,6 +5456,9 @@ textarea {
5409
5456
  .bl-sidebar.bl-sidebar-persistent.bl-sidebar-open {
5410
5457
  transform: translateX(0);
5411
5458
  }
5459
+ .bl-sidebar.bl-sidebar-persistent .bl-sidebar-close {
5460
+ display: block;
5461
+ }
5412
5462
  }
5413
5463
 
5414
5464
  .bl-sidebar-backdrop {
@@ -5502,6 +5552,13 @@ textarea {
5502
5552
  }
5503
5553
  }
5504
5554
 
5555
+ .bl-sidebar-content {
5556
+ padding: var(--spacing-lg);
5557
+ overflow-y: auto;
5558
+ overflow-x: hidden;
5559
+ height: 100%;
5560
+ }
5561
+
5505
5562
  .bl-sidebar-nav {
5506
5563
  flex: 1;
5507
5564
  padding: var(--spacing-md);