@asd20/ui 3.2.1022 → 3.2.1023

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 CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.1022",
8
+ "version": "3.2.1023",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -695,13 +695,13 @@ export default {
695
695
  &__secondary-content {
696
696
  padding: space(1);
697
697
  display: flex;
698
- flex-direction: column;
699
- .asd20-school-details__academics-offerings {
700
- max-width: 90%;
701
- padding-bottom: 2rem;
702
- }
703
- .asd20-school-details__athletics-offerings {
704
- margin-top: 2rem;
698
+ flex-wrap: wrap;
699
+ gap: space(1); /* modern flex gap */
700
+ /* single column by default */
701
+ .asd20-school-details__category-offerings {
702
+ flex: 1 1 100%;
703
+ max-width: 100%;
704
+ padding-right: 0; /* override any prior rule */
705
705
  }
706
706
  }
707
707
 
@@ -740,10 +740,14 @@ export default {
740
740
  &__secondary-content {
741
741
  padding: space(2);
742
742
  display: flex;
743
- flex-direction: row;
744
- .asd20-school-details__academics-offerings {
745
- max-width: 60%;
746
- padding-right: 2rem;
743
+ flex-wrap: wrap;
744
+ gap: space(1);
745
+
746
+ .asd20-school-details__category-offerings {
747
+ /* two columns: equal widths */
748
+ flex: 1 1 calc(50% - #{space(0.5)});
749
+ max-width: calc(50% - #{space(0.5)});
750
+ padding-right: 0;
747
751
  }
748
752
  }
749
753
  }
@@ -757,13 +761,6 @@ export default {
757
761
  .asd20-notification-group--floating {
758
762
  position: absolute;
759
763
  top: space(1);
760
- // .bell {
761
- // span {
762
- // background: var(--color__accent);
763
- // top: -0.6em !important;
764
- // right: -0.6em !important;
765
- // }
766
- // }
767
764
  }
768
765
  .notification-group--inline {
769
766
  margin: space(2) space(3) space(1) space(3);
@@ -795,11 +792,20 @@ export default {
795
792
  .asd20-school-details {
796
793
  &__primary-content {
797
794
  padding: space(2);
795
+ padding-right: 0;
798
796
  .primary-section {
799
- width: 30%;
797
+ width: 31%;
800
798
  padding: 0 1vw 3rem 1vw;
801
799
  }
802
800
  }
801
+ &__secondary-content {
802
+ padding: space(2);
803
+ padding-right: 0;
804
+ .asd20-school-details__category-offerings {
805
+ flex: 1 1 calc(32% - #{space(0.5)});
806
+ max-width: calc(32% - #{space(0.5)});
807
+ }
808
+ }
803
809
  .asd20-contact {
804
810
  padding: space(1) space(3);
805
811
  }