@sb1/ffe-grid 100.12.3 → 101.0.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/css/ffe-grid.css +102 -259
- package/package.json +4 -4
package/css/ffe-grid.css
CHANGED
|
@@ -5,13 +5,11 @@
|
|
|
5
5
|
}
|
|
6
6
|
.ffe-grid__row,
|
|
7
7
|
.ffe-grid__row-wrapper {
|
|
8
|
-
display: -ms-grid;
|
|
9
8
|
display: grid;
|
|
10
9
|
gap: var(--ffe-spacing-sm);
|
|
11
10
|
margin: 0 auto;
|
|
12
11
|
max-width: var(--app-width);
|
|
13
|
-
-
|
|
14
|
-
grid-template-columns: repeat(12, 1fr);
|
|
12
|
+
grid-template-columns: repeat(12, 1fr);
|
|
15
13
|
}
|
|
16
14
|
.ffe-grid--gap-none .ffe-grid__row,
|
|
17
15
|
.ffe-grid--gap-none .ffe-grid__row-wrapper {
|
|
@@ -552,9 +550,7 @@
|
|
|
552
550
|
max-width: none;
|
|
553
551
|
}
|
|
554
552
|
.ffe-grid__col {
|
|
555
|
-
|
|
556
|
-
-ms-grid-column: auto;
|
|
557
|
-
grid-column: auto / span 12;
|
|
553
|
+
grid-column: auto / span 12;
|
|
558
554
|
}
|
|
559
555
|
.ffe-grid__col--bg-primary {
|
|
560
556
|
background-color: var(--ffe-color-surface-primary-default);
|
|
@@ -570,520 +566,367 @@
|
|
|
570
566
|
}
|
|
571
567
|
.ffe-grid__col--sm-0 {
|
|
572
568
|
display: block;
|
|
573
|
-
|
|
574
|
-
-ms-grid-column: auto;
|
|
575
|
-
grid-column: auto / span 0;
|
|
569
|
+
grid-column: auto / span 0;
|
|
576
570
|
display: none;
|
|
577
571
|
}
|
|
578
572
|
.ffe-grid__col--sm-1 {
|
|
579
573
|
display: block;
|
|
580
|
-
|
|
581
|
-
-ms-grid-column: auto;
|
|
582
|
-
grid-column: auto / span 1;
|
|
574
|
+
grid-column: auto / span 1;
|
|
583
575
|
}
|
|
584
576
|
.ffe-grid__col--sm-2 {
|
|
585
577
|
display: block;
|
|
586
|
-
|
|
587
|
-
-ms-grid-column: auto;
|
|
588
|
-
grid-column: auto / span 2;
|
|
578
|
+
grid-column: auto / span 2;
|
|
589
579
|
}
|
|
590
580
|
.ffe-grid__col--sm-3 {
|
|
591
581
|
display: block;
|
|
592
|
-
|
|
593
|
-
-ms-grid-column: auto;
|
|
594
|
-
grid-column: auto / span 3;
|
|
582
|
+
grid-column: auto / span 3;
|
|
595
583
|
}
|
|
596
584
|
.ffe-grid__col--sm-4 {
|
|
597
585
|
display: block;
|
|
598
|
-
|
|
599
|
-
-ms-grid-column: auto;
|
|
600
|
-
grid-column: auto / span 4;
|
|
586
|
+
grid-column: auto / span 4;
|
|
601
587
|
}
|
|
602
588
|
.ffe-grid__col--sm-5 {
|
|
603
589
|
display: block;
|
|
604
|
-
|
|
605
|
-
-ms-grid-column: auto;
|
|
606
|
-
grid-column: auto / span 5;
|
|
590
|
+
grid-column: auto / span 5;
|
|
607
591
|
}
|
|
608
592
|
.ffe-grid__col--sm-6 {
|
|
609
593
|
display: block;
|
|
610
|
-
|
|
611
|
-
-ms-grid-column: auto;
|
|
612
|
-
grid-column: auto / span 6;
|
|
594
|
+
grid-column: auto / span 6;
|
|
613
595
|
}
|
|
614
596
|
.ffe-grid__col--sm-7 {
|
|
615
597
|
display: block;
|
|
616
|
-
|
|
617
|
-
-ms-grid-column: auto;
|
|
618
|
-
grid-column: auto / span 7;
|
|
598
|
+
grid-column: auto / span 7;
|
|
619
599
|
}
|
|
620
600
|
.ffe-grid__col--sm-8 {
|
|
621
601
|
display: block;
|
|
622
|
-
|
|
623
|
-
-ms-grid-column: auto;
|
|
624
|
-
grid-column: auto / span 8;
|
|
602
|
+
grid-column: auto / span 8;
|
|
625
603
|
}
|
|
626
604
|
.ffe-grid__col--sm-9 {
|
|
627
605
|
display: block;
|
|
628
|
-
|
|
629
|
-
-ms-grid-column: auto;
|
|
630
|
-
grid-column: auto / span 9;
|
|
606
|
+
grid-column: auto / span 9;
|
|
631
607
|
}
|
|
632
608
|
.ffe-grid__col--sm-10 {
|
|
633
609
|
display: block;
|
|
634
|
-
|
|
635
|
-
-ms-grid-column: auto;
|
|
636
|
-
grid-column: auto / span 10;
|
|
610
|
+
grid-column: auto / span 10;
|
|
637
611
|
}
|
|
638
612
|
.ffe-grid__col--sm-11 {
|
|
639
613
|
display: block;
|
|
640
|
-
|
|
641
|
-
-ms-grid-column: auto;
|
|
642
|
-
grid-column: auto / span 11;
|
|
614
|
+
grid-column: auto / span 11;
|
|
643
615
|
}
|
|
644
616
|
.ffe-grid__col--sm-12 {
|
|
645
617
|
display: block;
|
|
646
|
-
|
|
647
|
-
-ms-grid-column: auto;
|
|
648
|
-
grid-column: auto / span 12;
|
|
618
|
+
grid-column: auto / span 12;
|
|
649
619
|
}
|
|
650
620
|
.ffe-grid__col--sm-offset-1 {
|
|
651
|
-
|
|
652
|
-
grid-column-start: 2;
|
|
621
|
+
grid-column-start: 2;
|
|
653
622
|
}
|
|
654
623
|
.ffe-grid__col--sm-offset-2 {
|
|
655
|
-
|
|
656
|
-
grid-column-start: 3;
|
|
624
|
+
grid-column-start: 3;
|
|
657
625
|
}
|
|
658
626
|
.ffe-grid__col--sm-offset-3 {
|
|
659
|
-
|
|
660
|
-
grid-column-start: 4;
|
|
627
|
+
grid-column-start: 4;
|
|
661
628
|
}
|
|
662
629
|
.ffe-grid__col--sm-offset-4 {
|
|
663
|
-
|
|
664
|
-
grid-column-start: 5;
|
|
630
|
+
grid-column-start: 5;
|
|
665
631
|
}
|
|
666
632
|
.ffe-grid__col--sm-offset-5 {
|
|
667
|
-
|
|
668
|
-
grid-column-start: 6;
|
|
633
|
+
grid-column-start: 6;
|
|
669
634
|
}
|
|
670
635
|
.ffe-grid__col--sm-offset-6 {
|
|
671
|
-
|
|
672
|
-
grid-column-start: 7;
|
|
636
|
+
grid-column-start: 7;
|
|
673
637
|
}
|
|
674
638
|
.ffe-grid__col--sm-offset-7 {
|
|
675
|
-
|
|
676
|
-
grid-column-start: 8;
|
|
639
|
+
grid-column-start: 8;
|
|
677
640
|
}
|
|
678
641
|
.ffe-grid__col--sm-offset-8 {
|
|
679
|
-
|
|
680
|
-
grid-column-start: 9;
|
|
642
|
+
grid-column-start: 9;
|
|
681
643
|
}
|
|
682
644
|
.ffe-grid__col--sm-offset-9 {
|
|
683
|
-
|
|
684
|
-
grid-column-start: 10;
|
|
645
|
+
grid-column-start: 10;
|
|
685
646
|
}
|
|
686
647
|
.ffe-grid__col--sm-offset-10 {
|
|
687
|
-
|
|
688
|
-
grid-column-start: 11;
|
|
648
|
+
grid-column-start: 11;
|
|
689
649
|
}
|
|
690
650
|
.ffe-grid__col--sm-offset-11 {
|
|
691
|
-
|
|
692
|
-
grid-column-start: 12;
|
|
651
|
+
grid-column-start: 12;
|
|
693
652
|
}
|
|
694
653
|
.ffe-grid__col--sm-offset-12 {
|
|
695
|
-
|
|
696
|
-
grid-column-start: 13;
|
|
654
|
+
grid-column-start: 13;
|
|
697
655
|
}
|
|
698
656
|
@media (min-width: 768px) {
|
|
699
657
|
.ffe-grid__col--md-0 {
|
|
700
658
|
display: block;
|
|
701
|
-
|
|
702
|
-
-ms-grid-column: auto;
|
|
703
|
-
grid-column: auto / span 0;
|
|
659
|
+
grid-column: auto / span 0;
|
|
704
660
|
display: none;
|
|
705
661
|
}
|
|
706
662
|
.ffe-grid__col--md-1 {
|
|
707
663
|
display: block;
|
|
708
|
-
|
|
709
|
-
-ms-grid-column: auto;
|
|
710
|
-
grid-column: auto / span 1;
|
|
664
|
+
grid-column: auto / span 1;
|
|
711
665
|
}
|
|
712
666
|
.ffe-grid__col--md-2 {
|
|
713
667
|
display: block;
|
|
714
|
-
|
|
715
|
-
-ms-grid-column: auto;
|
|
716
|
-
grid-column: auto / span 2;
|
|
668
|
+
grid-column: auto / span 2;
|
|
717
669
|
}
|
|
718
670
|
.ffe-grid__col--md-3 {
|
|
719
671
|
display: block;
|
|
720
|
-
|
|
721
|
-
-ms-grid-column: auto;
|
|
722
|
-
grid-column: auto / span 3;
|
|
672
|
+
grid-column: auto / span 3;
|
|
723
673
|
}
|
|
724
674
|
.ffe-grid__col--md-4 {
|
|
725
675
|
display: block;
|
|
726
|
-
|
|
727
|
-
-ms-grid-column: auto;
|
|
728
|
-
grid-column: auto / span 4;
|
|
676
|
+
grid-column: auto / span 4;
|
|
729
677
|
}
|
|
730
678
|
.ffe-grid__col--md-5 {
|
|
731
679
|
display: block;
|
|
732
|
-
|
|
733
|
-
-ms-grid-column: auto;
|
|
734
|
-
grid-column: auto / span 5;
|
|
680
|
+
grid-column: auto / span 5;
|
|
735
681
|
}
|
|
736
682
|
.ffe-grid__col--md-6 {
|
|
737
683
|
display: block;
|
|
738
|
-
|
|
739
|
-
-ms-grid-column: auto;
|
|
740
|
-
grid-column: auto / span 6;
|
|
684
|
+
grid-column: auto / span 6;
|
|
741
685
|
}
|
|
742
686
|
.ffe-grid__col--md-7 {
|
|
743
687
|
display: block;
|
|
744
|
-
|
|
745
|
-
-ms-grid-column: auto;
|
|
746
|
-
grid-column: auto / span 7;
|
|
688
|
+
grid-column: auto / span 7;
|
|
747
689
|
}
|
|
748
690
|
.ffe-grid__col--md-8 {
|
|
749
691
|
display: block;
|
|
750
|
-
|
|
751
|
-
-ms-grid-column: auto;
|
|
752
|
-
grid-column: auto / span 8;
|
|
692
|
+
grid-column: auto / span 8;
|
|
753
693
|
}
|
|
754
694
|
.ffe-grid__col--md-9 {
|
|
755
695
|
display: block;
|
|
756
|
-
|
|
757
|
-
-ms-grid-column: auto;
|
|
758
|
-
grid-column: auto / span 9;
|
|
696
|
+
grid-column: auto / span 9;
|
|
759
697
|
}
|
|
760
698
|
.ffe-grid__col--md-10 {
|
|
761
699
|
display: block;
|
|
762
|
-
|
|
763
|
-
-ms-grid-column: auto;
|
|
764
|
-
grid-column: auto / span 10;
|
|
700
|
+
grid-column: auto / span 10;
|
|
765
701
|
}
|
|
766
702
|
.ffe-grid__col--md-11 {
|
|
767
703
|
display: block;
|
|
768
|
-
|
|
769
|
-
-ms-grid-column: auto;
|
|
770
|
-
grid-column: auto / span 11;
|
|
704
|
+
grid-column: auto / span 11;
|
|
771
705
|
}
|
|
772
706
|
.ffe-grid__col--md-12 {
|
|
773
707
|
display: block;
|
|
774
|
-
|
|
775
|
-
-ms-grid-column: auto;
|
|
776
|
-
grid-column: auto / span 12;
|
|
708
|
+
grid-column: auto / span 12;
|
|
777
709
|
}
|
|
778
710
|
.ffe-grid__col--md-offset-1 {
|
|
779
|
-
|
|
780
|
-
grid-column-start: 2;
|
|
711
|
+
grid-column-start: 2;
|
|
781
712
|
}
|
|
782
713
|
.ffe-grid__col--md-offset-2 {
|
|
783
|
-
|
|
784
|
-
grid-column-start: 3;
|
|
714
|
+
grid-column-start: 3;
|
|
785
715
|
}
|
|
786
716
|
.ffe-grid__col--md-offset-3 {
|
|
787
|
-
|
|
788
|
-
grid-column-start: 4;
|
|
717
|
+
grid-column-start: 4;
|
|
789
718
|
}
|
|
790
719
|
.ffe-grid__col--md-offset-4 {
|
|
791
|
-
|
|
792
|
-
grid-column-start: 5;
|
|
720
|
+
grid-column-start: 5;
|
|
793
721
|
}
|
|
794
722
|
.ffe-grid__col--md-offset-5 {
|
|
795
|
-
|
|
796
|
-
grid-column-start: 6;
|
|
723
|
+
grid-column-start: 6;
|
|
797
724
|
}
|
|
798
725
|
.ffe-grid__col--md-offset-6 {
|
|
799
|
-
|
|
800
|
-
grid-column-start: 7;
|
|
726
|
+
grid-column-start: 7;
|
|
801
727
|
}
|
|
802
728
|
.ffe-grid__col--md-offset-7 {
|
|
803
|
-
|
|
804
|
-
grid-column-start: 8;
|
|
729
|
+
grid-column-start: 8;
|
|
805
730
|
}
|
|
806
731
|
.ffe-grid__col--md-offset-8 {
|
|
807
|
-
|
|
808
|
-
grid-column-start: 9;
|
|
732
|
+
grid-column-start: 9;
|
|
809
733
|
}
|
|
810
734
|
.ffe-grid__col--md-offset-9 {
|
|
811
|
-
|
|
812
|
-
grid-column-start: 10;
|
|
735
|
+
grid-column-start: 10;
|
|
813
736
|
}
|
|
814
737
|
.ffe-grid__col--md-offset-10 {
|
|
815
|
-
|
|
816
|
-
grid-column-start: 11;
|
|
738
|
+
grid-column-start: 11;
|
|
817
739
|
}
|
|
818
740
|
.ffe-grid__col--md-offset-11 {
|
|
819
|
-
|
|
820
|
-
grid-column-start: 12;
|
|
741
|
+
grid-column-start: 12;
|
|
821
742
|
}
|
|
822
743
|
.ffe-grid__col--md-offset-12 {
|
|
823
|
-
|
|
824
|
-
grid-column-start: 13;
|
|
744
|
+
grid-column-start: 13;
|
|
825
745
|
}
|
|
826
746
|
}
|
|
827
747
|
@media (min-width: 1024px) {
|
|
828
748
|
.ffe-grid__col--lg-0 {
|
|
829
749
|
display: block;
|
|
830
|
-
|
|
831
|
-
-ms-grid-column: auto;
|
|
832
|
-
grid-column: auto / span 0;
|
|
750
|
+
grid-column: auto / span 0;
|
|
833
751
|
display: none;
|
|
834
752
|
}
|
|
835
753
|
.ffe-grid__col--lg-1 {
|
|
836
754
|
display: block;
|
|
837
|
-
|
|
838
|
-
-ms-grid-column: auto;
|
|
839
|
-
grid-column: auto / span 1;
|
|
755
|
+
grid-column: auto / span 1;
|
|
840
756
|
}
|
|
841
757
|
.ffe-grid__col--lg-2 {
|
|
842
758
|
display: block;
|
|
843
|
-
|
|
844
|
-
-ms-grid-column: auto;
|
|
845
|
-
grid-column: auto / span 2;
|
|
759
|
+
grid-column: auto / span 2;
|
|
846
760
|
}
|
|
847
761
|
.ffe-grid__col--lg-3 {
|
|
848
762
|
display: block;
|
|
849
|
-
|
|
850
|
-
-ms-grid-column: auto;
|
|
851
|
-
grid-column: auto / span 3;
|
|
763
|
+
grid-column: auto / span 3;
|
|
852
764
|
}
|
|
853
765
|
.ffe-grid__col--lg-4 {
|
|
854
766
|
display: block;
|
|
855
|
-
|
|
856
|
-
-ms-grid-column: auto;
|
|
857
|
-
grid-column: auto / span 4;
|
|
767
|
+
grid-column: auto / span 4;
|
|
858
768
|
}
|
|
859
769
|
.ffe-grid__col--lg-5 {
|
|
860
770
|
display: block;
|
|
861
|
-
|
|
862
|
-
-ms-grid-column: auto;
|
|
863
|
-
grid-column: auto / span 5;
|
|
771
|
+
grid-column: auto / span 5;
|
|
864
772
|
}
|
|
865
773
|
.ffe-grid__col--lg-6 {
|
|
866
774
|
display: block;
|
|
867
|
-
|
|
868
|
-
-ms-grid-column: auto;
|
|
869
|
-
grid-column: auto / span 6;
|
|
775
|
+
grid-column: auto / span 6;
|
|
870
776
|
}
|
|
871
777
|
.ffe-grid__col--lg-7 {
|
|
872
778
|
display: block;
|
|
873
|
-
|
|
874
|
-
-ms-grid-column: auto;
|
|
875
|
-
grid-column: auto / span 7;
|
|
779
|
+
grid-column: auto / span 7;
|
|
876
780
|
}
|
|
877
781
|
.ffe-grid__col--lg-8 {
|
|
878
782
|
display: block;
|
|
879
|
-
|
|
880
|
-
-ms-grid-column: auto;
|
|
881
|
-
grid-column: auto / span 8;
|
|
783
|
+
grid-column: auto / span 8;
|
|
882
784
|
}
|
|
883
785
|
.ffe-grid__col--lg-9 {
|
|
884
786
|
display: block;
|
|
885
|
-
|
|
886
|
-
-ms-grid-column: auto;
|
|
887
|
-
grid-column: auto / span 9;
|
|
787
|
+
grid-column: auto / span 9;
|
|
888
788
|
}
|
|
889
789
|
.ffe-grid__col--lg-10 {
|
|
890
790
|
display: block;
|
|
891
|
-
|
|
892
|
-
-ms-grid-column: auto;
|
|
893
|
-
grid-column: auto / span 10;
|
|
791
|
+
grid-column: auto / span 10;
|
|
894
792
|
}
|
|
895
793
|
.ffe-grid__col--lg-11 {
|
|
896
794
|
display: block;
|
|
897
|
-
|
|
898
|
-
-ms-grid-column: auto;
|
|
899
|
-
grid-column: auto / span 11;
|
|
795
|
+
grid-column: auto / span 11;
|
|
900
796
|
}
|
|
901
797
|
.ffe-grid__col--lg-12 {
|
|
902
798
|
display: block;
|
|
903
|
-
|
|
904
|
-
-ms-grid-column: auto;
|
|
905
|
-
grid-column: auto / span 12;
|
|
799
|
+
grid-column: auto / span 12;
|
|
906
800
|
}
|
|
907
801
|
.ffe-grid__col--lg-offset-1 {
|
|
908
|
-
|
|
909
|
-
grid-column-start: 2;
|
|
802
|
+
grid-column-start: 2;
|
|
910
803
|
}
|
|
911
804
|
.ffe-grid__col--lg-offset-2 {
|
|
912
|
-
|
|
913
|
-
grid-column-start: 3;
|
|
805
|
+
grid-column-start: 3;
|
|
914
806
|
}
|
|
915
807
|
.ffe-grid__col--lg-offset-3 {
|
|
916
|
-
|
|
917
|
-
grid-column-start: 4;
|
|
808
|
+
grid-column-start: 4;
|
|
918
809
|
}
|
|
919
810
|
.ffe-grid__col--lg-offset-4 {
|
|
920
|
-
|
|
921
|
-
grid-column-start: 5;
|
|
811
|
+
grid-column-start: 5;
|
|
922
812
|
}
|
|
923
813
|
.ffe-grid__col--lg-offset-5 {
|
|
924
|
-
|
|
925
|
-
grid-column-start: 6;
|
|
814
|
+
grid-column-start: 6;
|
|
926
815
|
}
|
|
927
816
|
.ffe-grid__col--lg-offset-6 {
|
|
928
|
-
|
|
929
|
-
grid-column-start: 7;
|
|
817
|
+
grid-column-start: 7;
|
|
930
818
|
}
|
|
931
819
|
.ffe-grid__col--lg-offset-7 {
|
|
932
|
-
|
|
933
|
-
grid-column-start: 8;
|
|
820
|
+
grid-column-start: 8;
|
|
934
821
|
}
|
|
935
822
|
.ffe-grid__col--lg-offset-8 {
|
|
936
|
-
|
|
937
|
-
grid-column-start: 9;
|
|
823
|
+
grid-column-start: 9;
|
|
938
824
|
}
|
|
939
825
|
.ffe-grid__col--lg-offset-9 {
|
|
940
|
-
|
|
941
|
-
grid-column-start: 10;
|
|
826
|
+
grid-column-start: 10;
|
|
942
827
|
}
|
|
943
828
|
.ffe-grid__col--lg-offset-10 {
|
|
944
|
-
|
|
945
|
-
grid-column-start: 11;
|
|
829
|
+
grid-column-start: 11;
|
|
946
830
|
}
|
|
947
831
|
.ffe-grid__col--lg-offset-11 {
|
|
948
|
-
|
|
949
|
-
grid-column-start: 12;
|
|
832
|
+
grid-column-start: 12;
|
|
950
833
|
}
|
|
951
834
|
.ffe-grid__col--lg-offset-12 {
|
|
952
|
-
|
|
953
|
-
grid-column-start: 13;
|
|
835
|
+
grid-column-start: 13;
|
|
954
836
|
}
|
|
955
837
|
}
|
|
956
838
|
@media (min-width: 1280px) {
|
|
957
839
|
.ffe-grid__col--xl-0 {
|
|
958
840
|
display: block;
|
|
959
|
-
|
|
960
|
-
-ms-grid-column: auto;
|
|
961
|
-
grid-column: auto / span 0;
|
|
841
|
+
grid-column: auto / span 0;
|
|
962
842
|
display: none;
|
|
963
843
|
}
|
|
964
844
|
.ffe-grid__col--xl-1 {
|
|
965
845
|
display: block;
|
|
966
|
-
|
|
967
|
-
-ms-grid-column: auto;
|
|
968
|
-
grid-column: auto / span 1;
|
|
846
|
+
grid-column: auto / span 1;
|
|
969
847
|
}
|
|
970
848
|
.ffe-grid__col--xl-2 {
|
|
971
849
|
display: block;
|
|
972
|
-
|
|
973
|
-
-ms-grid-column: auto;
|
|
974
|
-
grid-column: auto / span 2;
|
|
850
|
+
grid-column: auto / span 2;
|
|
975
851
|
}
|
|
976
852
|
.ffe-grid__col--xl-3 {
|
|
977
853
|
display: block;
|
|
978
|
-
|
|
979
|
-
-ms-grid-column: auto;
|
|
980
|
-
grid-column: auto / span 3;
|
|
854
|
+
grid-column: auto / span 3;
|
|
981
855
|
}
|
|
982
856
|
.ffe-grid__col--xl-4 {
|
|
983
857
|
display: block;
|
|
984
|
-
|
|
985
|
-
-ms-grid-column: auto;
|
|
986
|
-
grid-column: auto / span 4;
|
|
858
|
+
grid-column: auto / span 4;
|
|
987
859
|
}
|
|
988
860
|
.ffe-grid__col--xl-5 {
|
|
989
861
|
display: block;
|
|
990
|
-
|
|
991
|
-
-ms-grid-column: auto;
|
|
992
|
-
grid-column: auto / span 5;
|
|
862
|
+
grid-column: auto / span 5;
|
|
993
863
|
}
|
|
994
864
|
.ffe-grid__col--xl-6 {
|
|
995
865
|
display: block;
|
|
996
|
-
|
|
997
|
-
-ms-grid-column: auto;
|
|
998
|
-
grid-column: auto / span 6;
|
|
866
|
+
grid-column: auto / span 6;
|
|
999
867
|
}
|
|
1000
868
|
.ffe-grid__col--xl-7 {
|
|
1001
869
|
display: block;
|
|
1002
|
-
|
|
1003
|
-
-ms-grid-column: auto;
|
|
1004
|
-
grid-column: auto / span 7;
|
|
870
|
+
grid-column: auto / span 7;
|
|
1005
871
|
}
|
|
1006
872
|
.ffe-grid__col--xl-8 {
|
|
1007
873
|
display: block;
|
|
1008
|
-
|
|
1009
|
-
-ms-grid-column: auto;
|
|
1010
|
-
grid-column: auto / span 8;
|
|
874
|
+
grid-column: auto / span 8;
|
|
1011
875
|
}
|
|
1012
876
|
.ffe-grid__col--xl-9 {
|
|
1013
877
|
display: block;
|
|
1014
|
-
|
|
1015
|
-
-ms-grid-column: auto;
|
|
1016
|
-
grid-column: auto / span 9;
|
|
878
|
+
grid-column: auto / span 9;
|
|
1017
879
|
}
|
|
1018
880
|
.ffe-grid__col--xl-10 {
|
|
1019
881
|
display: block;
|
|
1020
|
-
|
|
1021
|
-
-ms-grid-column: auto;
|
|
1022
|
-
grid-column: auto / span 10;
|
|
882
|
+
grid-column: auto / span 10;
|
|
1023
883
|
}
|
|
1024
884
|
.ffe-grid__col--xl-11 {
|
|
1025
885
|
display: block;
|
|
1026
|
-
|
|
1027
|
-
-ms-grid-column: auto;
|
|
1028
|
-
grid-column: auto / span 11;
|
|
886
|
+
grid-column: auto / span 11;
|
|
1029
887
|
}
|
|
1030
888
|
.ffe-grid__col--xl-12 {
|
|
1031
889
|
display: block;
|
|
1032
|
-
|
|
1033
|
-
-ms-grid-column: auto;
|
|
1034
|
-
grid-column: auto / span 12;
|
|
890
|
+
grid-column: auto / span 12;
|
|
1035
891
|
}
|
|
1036
892
|
.ffe-grid__col--xl-offset-1 {
|
|
1037
|
-
|
|
1038
|
-
grid-column-start: 2;
|
|
893
|
+
grid-column-start: 2;
|
|
1039
894
|
}
|
|
1040
895
|
.ffe-grid__col--xl-offset-2 {
|
|
1041
|
-
|
|
1042
|
-
grid-column-start: 3;
|
|
896
|
+
grid-column-start: 3;
|
|
1043
897
|
}
|
|
1044
898
|
.ffe-grid__col--xl-offset-3 {
|
|
1045
|
-
|
|
1046
|
-
grid-column-start: 4;
|
|
899
|
+
grid-column-start: 4;
|
|
1047
900
|
}
|
|
1048
901
|
.ffe-grid__col--xl-offset-4 {
|
|
1049
|
-
|
|
1050
|
-
grid-column-start: 5;
|
|
902
|
+
grid-column-start: 5;
|
|
1051
903
|
}
|
|
1052
904
|
.ffe-grid__col--xl-offset-5 {
|
|
1053
|
-
|
|
1054
|
-
grid-column-start: 6;
|
|
905
|
+
grid-column-start: 6;
|
|
1055
906
|
}
|
|
1056
907
|
.ffe-grid__col--xl-offset-6 {
|
|
1057
|
-
|
|
1058
|
-
grid-column-start: 7;
|
|
908
|
+
grid-column-start: 7;
|
|
1059
909
|
}
|
|
1060
910
|
.ffe-grid__col--xl-offset-7 {
|
|
1061
|
-
|
|
1062
|
-
grid-column-start: 8;
|
|
911
|
+
grid-column-start: 8;
|
|
1063
912
|
}
|
|
1064
913
|
.ffe-grid__col--xl-offset-8 {
|
|
1065
|
-
|
|
1066
|
-
grid-column-start: 9;
|
|
914
|
+
grid-column-start: 9;
|
|
1067
915
|
}
|
|
1068
916
|
.ffe-grid__col--xl-offset-9 {
|
|
1069
|
-
|
|
1070
|
-
grid-column-start: 10;
|
|
917
|
+
grid-column-start: 10;
|
|
1071
918
|
}
|
|
1072
919
|
.ffe-grid__col--xl-offset-10 {
|
|
1073
|
-
|
|
1074
|
-
grid-column-start: 11;
|
|
920
|
+
grid-column-start: 11;
|
|
1075
921
|
}
|
|
1076
922
|
.ffe-grid__col--xl-offset-11 {
|
|
1077
|
-
|
|
1078
|
-
grid-column-start: 12;
|
|
923
|
+
grid-column-start: 12;
|
|
1079
924
|
}
|
|
1080
925
|
.ffe-grid__col--xl-offset-12 {
|
|
1081
|
-
|
|
1082
|
-
grid-column-start: 13;
|
|
926
|
+
grid-column-start: 13;
|
|
1083
927
|
}
|
|
1084
928
|
}
|
|
1085
929
|
.ffe-grid__col--center {
|
|
1086
|
-
display: -ms-flexbox;
|
|
1087
930
|
display: flex;
|
|
1088
931
|
place-items: center;
|
|
1089
932
|
place-content: center;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-grid",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "101.0.0",
|
|
4
4
|
"description": "A grid component for use within the FFE framework",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ffe"
|
|
@@ -23,13 +23,13 @@
|
|
|
23
23
|
"build": "lessc less/ffe-grid.less css/ffe-grid.css --autoprefix"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@sb1/ffe-core": "^
|
|
26
|
+
"@sb1/ffe-core": "^101.0.0"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@sb1/ffe-buildtool": "^
|
|
29
|
+
"@sb1/ffe-buildtool": "^101.0.0"
|
|
30
30
|
},
|
|
31
31
|
"publishConfig": {
|
|
32
32
|
"access": "public"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "7714019dbb9001551cb5d1c262c58afd609d4fb0"
|
|
35
35
|
}
|