coveragebook_components 0.5.4 → 0.5.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -734,35 +734,39 @@ select {
734
734
  }
735
735
  [data-coco][data-component="book-editable-slide"] {
736
736
  /*
737
- * x-padding at max (1480px): 240px / 16.2%
738
- * x-padding at min (320px): 16.2% x 320px = 52px
737
+ * slide-padding-md at max (1480px): 240px (16.2%)
738
+ * slide-padding-md at min (320px): 16.2% x 320px = 52px
739
739
  */
740
- --x-padding: max(38px, clamp(52px, 16.2cqw, 240px));
740
+ --slide-padding-lg: max(38px, clamp(52px, 16.2cqw, 240px));
741
741
 
742
742
  /*
743
- * y-padding at max (1480px): 80px / 5.4%
744
- * y-padding at min (320px): 5.4% x 320px = 17px
743
+ * slide-padding-md at max (1480px): 120px (8.1%)
744
+ * slide-padding-md at min (320px): 8.1% x 320px = 26px
745
745
  */
746
- --y-padding: max(38px, clamp(17px, 5.4cqw, 80px));
746
+ --slide-padding-md: max(24px, clamp(26px, 8.1cqw, 120px));
747
747
 
748
748
  /*
749
- * Title font size at max (1480px): 80px / 5.4%
750
- * Title font size at min (320px): 5.4% x 320px = 17px
751
- * Text font size at reflow (700px): 35px
749
+ * slide-padding-sm at max (1480px): 80px (5.4%)
750
+ * slide-padding-sm at min (320px): 5.4% x 320px = 17px
751
+ */
752
+ --slide-padding-sm: max(24px, clamp(17px, 5.4cqw, 80px));
753
+
754
+ /*
755
+ * Small title font size at max (1480px): 64px (4.3%)
756
+ * Small title font size at min (320px): 4.3% x 320px = 13.8px
752
757
  */
753
758
  --title-font-size: max(
754
- 35px,
755
- clamp(17px, 5.4cqw, 80px)
759
+ 32px,
760
+ clamp(13.8px, 4.3cqw, 64px)
756
761
  );
757
762
 
758
763
  /*
759
- * Text font size at max (1480px): 32px / 2.16%
760
- * Text font size at min (320px): 2.16% x 320px = 7px
761
- * Text font size at reflow (700px): 14px
764
+ * Text font size at max (1480px): 24px / 1.62%
765
+ * Text font size at min (320px): 1.62% x 320px = 5.2px
762
766
  */
763
767
  --text-font-size: max(
764
- 15px,
765
- clamp(7px, 2.16cqw, 32px)
768
+ 16px,
769
+ clamp(5.2px, 1.62cqw, 24px)
766
770
  );
767
771
 
768
772
  /* ------------- */
@@ -771,11 +775,16 @@ select {
771
775
 
772
776
  border-radius: 0.375rem;
773
777
 
778
+ container-type: inline-size;
779
+
774
780
  --tw-bg-opacity: 1;
775
781
 
776
782
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
777
783
 
778
- container-type: inline-size;
784
+ background-size: cover;
785
+
786
+ background-repeat: no-repeat;
787
+
779
788
  min-width: 320px;
780
789
  }
781
790
  [data-coco][data-component="book-editable-slide"] .slide-aspect {
@@ -807,6 +816,11 @@ select {
807
816
  display: block;
808
817
  }
809
818
  }
819
+ }
820
+ [data-coco][data-component="book-editable-slide"] .slide-container {
821
+ overflow: hidden;
822
+ }
823
+ @container (min-width: 700px) {
810
824
 
811
825
  [data-coco][data-component="book-editable-slide"] .slide-container {
812
826
  position: absolute;
@@ -814,61 +828,103 @@ select {
814
828
  }
815
829
  }
816
830
  [data-coco][data-component="book-editable-slide"] .slide-container {
817
- display: flex;
818
- flex-direction: column;
819
- align-items: center;
820
- justify-content: center;
821
- overflow: hidden;
822
- background-size: cover;
823
- background-position: center;
824
- text-align: center;
831
+ padding-left: 1.5rem;
832
+ padding-right: 1.5rem;
833
+ padding-top: 2.5rem;
834
+ padding-bottom: 2.5rem;
835
+ }
836
+ @container (min-width: 700px) {
837
+
838
+ [data-coco][data-component="book-editable-slide"] .slide-container {
839
+ padding: var(--slide-padding-md);
840
+ }
825
841
  }
826
842
  [data-coco][data-component="book-editable-slide"] [data-slide-region],
843
+ [data-coco][data-component="book-editable-slide"] .slide-header,
827
844
  [data-coco][data-component="book-editable-slide"] .slide-text,
828
- [data-coco][data-component="book-editable-slide"] .slide-media {
845
+ [data-coco][data-component="book-editable-slide"] .slide-image {
829
846
  display: none;
830
847
  }
831
848
  [data-coco][data-component="book-editable-slide"] .slide-group {
832
849
  display: contents;
833
850
  }
834
- /* layouts */
835
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] {
836
- background-size: cover;
837
- background-repeat: no-repeat;
838
- text-align: center;
851
+ [data-coco][data-component="book-editable-slide"] .slide-title {
852
+ font-weight: 700;
853
+ color: currentColor;
854
+ overflow-wrap: anywhere;
855
+ line-height: 1.1;
856
+ font-size: var(--title-font-size);
839
857
  }
840
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] [data-slide-region="content-1"] {
841
- display: block;
858
+ [data-coco][data-component="book-editable-slide"] .slide-text {
859
+ color: currentColor;
860
+ line-height: 1.5;
861
+ font-size: var(--text-font-size);
842
862
  }
843
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] [data-slide-region="content-1"] .slide-text {
844
- display: block;
863
+ [data-coco][data-component="book-editable-slide"] .slide-media {
864
+ width: 100%;
845
865
  }
846
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] .slide-container {
847
- overflow: hidden;
848
- padding-left: 2rem;
849
- padding-right: 2rem;
850
- padding-top: var(--y-padding);
851
- padding-bottom: var(--y-padding);
866
+ [data-coco][data-component="book-editable-slide"] .slide-media img {
867
+ height: 100%;
868
+ width: 100%;
869
+ -o-object-fit: contain;
870
+ object-fit: contain;
852
871
  }
872
+ /* layouts */
873
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] {
874
+ /*
875
+ * Title font size at max (1480px): 80px (5.4%)
876
+ * Title font size at min (320px): 5.4% x 320px = 17px
877
+ */
878
+ --title-font-size: max(
879
+ 35px,
880
+ clamp(17px, 5.4cqw, 80px)
881
+ );
882
+
883
+ /*
884
+ * Text font size at max (1480px): 32px / 2.16%
885
+ * Text font size at min (320px): 2.16% x 320px = 7px
886
+ */
887
+ --text-font-size: max(
888
+ 16px,
889
+ clamp(7px, 2.16cqw, 32px)
890
+ );
891
+ text-align: center;
892
+ }
853
893
  @container (min-width: 700px) {
854
894
 
855
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] .slide-container {
856
- padding-left: var(--x-padding);
857
- padding-right: var(--x-padding);
895
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-container {
896
+ padding-left: var(--slide-padding-lg);
897
+ padding-right: var(--slide-padding-lg);
858
898
  }
859
899
  }
860
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] .slide-header {
900
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-slide-region="content-1"] {
901
+ display: block;
902
+ }
903
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-slide-region="content-1"] .slide-text {
904
+ display: block;
905
+ }
906
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"].with-title [data-slide-region="content-1"] .slide-text {
907
+ margin-top: 0.875em;
908
+ }
909
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout {
910
+ display: flex;
911
+ height: 100%;
912
+ width: 100%;
913
+ flex-direction: column;
914
+ align-items: center;
915
+ justify-content: center;
916
+ text-align: center;
917
+ }
918
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-header {
919
+ display: block;
861
920
  width: 100%;
862
- margin-bottom: 0.3em;
863
- line-height: 1.1;
864
- font-size: var(--title-font-size);
865
921
  }
866
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] .slide-content {
922
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-content {
867
923
  width: 100%;
868
924
  flex: none;
869
925
  }
870
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] .slide-header,
871
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] .slide-content {
926
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-header,
927
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-content {
872
928
  margin-left: auto;
873
929
  margin-right: auto;
874
930
  width: 100%;
@@ -876,21 +932,250 @@ select {
876
932
  }
877
933
  @container (min-width: 700px) {
878
934
 
879
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] .slide-header,
880
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] .slide-content {
935
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-header,
936
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-content {
881
937
  max-width: 100%;
882
938
  }
883
939
  }
884
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] .slide-title {
885
- font-weight: 700;
886
- color: currentColor;
887
- overflow-wrap: anywhere;
888
- line-height: 1.1;
889
- }
890
- [data-coco][data-component="book-editable-slide"][data-layout="basic"] .slide-text {
891
- color: currentColor;
940
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-text {
892
941
  line-height: 1.4;
893
- font-size: var(--text-font-size);
942
+ }
943
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-container {
944
+ display: flex;
945
+ align-items: center;
946
+ }
947
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-layout {
948
+ width: 100%;
949
+ }
950
+ @container (min-width: 700px) {
951
+
952
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-layout {
953
+ display: grid;
954
+ }
955
+ }
956
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-layout {
957
+ height: -moz-min-content;
958
+ height: min-content;
959
+ grid-template-columns: 1fr;
960
+ grid-template-rows: auto;
961
+ grid-gap: var(--slide-padding-sm);
962
+ }
963
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"].with-title .slide-container {
964
+ display: block;
965
+ }
966
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"].with-title .slide-layout {
967
+ height: 100%;
968
+ grid-template-rows: min-content auto;
969
+ }
970
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-header {
971
+ display: block;
972
+ width: 100%;
973
+ margin-bottom: 1.5rem;
974
+ }
975
+ @container (min-width: 700px) {
976
+
977
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-header {
978
+ margin-bottom: 0px;
979
+ }
980
+ }
981
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-slide-region="content-1"] {
982
+ display: block;
983
+ }
984
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-slide-region="content-1"] .slide-text {
985
+ display: block;
986
+ }
987
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-container {
988
+ padding-top: 1.5rem;
989
+ padding-bottom: 1.5rem;
990
+ }
991
+ @container (min-width: 700px) {
992
+
993
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-container {
994
+ padding-top: var(--slide-padding-sm);
995
+ padding-bottom: var(--slide-padding-sm);
996
+ }
997
+ }
998
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-layout,
999
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-content {
1000
+ height: 100%;
1001
+ }
1002
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] [data-slide-region="content-1"] {
1003
+ display: block;
1004
+ }
1005
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] [data-slide-region="content-1"] .slide-media {
1006
+ display: block;
1007
+ height: 100%;
1008
+ width: 100%;
1009
+ }
1010
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] [data-slide-region="content-1"] .slide-media img {
1011
+ height: 100%;
1012
+ width: 100%;
1013
+ -o-object-fit: contain;
1014
+ object-fit: contain;
1015
+ }
1016
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-container, [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-container {
1017
+ display: flex;
1018
+ align-items: center;
1019
+ padding-top: 1.5rem;
1020
+ padding-bottom: 1.5rem;
1021
+ }
1022
+ @container (min-width: 700px) {
1023
+
1024
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-container, [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-container {
1025
+ padding-top: var(--slide-padding-sm);
1026
+ padding-bottom: var(--slide-padding-sm);
1027
+ }
1028
+ }
1029
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-layout, [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-layout {
1030
+ width: 100%;
1031
+ }
1032
+ @container (min-width: 700px) {
1033
+
1034
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-layout, [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-layout {
1035
+ display: grid;
1036
+ }
1037
+ }
1038
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-layout, [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-layout {
1039
+ height: -moz-min-content;
1040
+ height: min-content;
1041
+ grid-template-columns: 1fr 1fr;
1042
+ grid-template-rows: auto;
1043
+ grid-gap: var(--slide-padding-sm);
1044
+ }
1045
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"].with-title .slide-container, [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"].with-title .slide-container {
1046
+ display: block;
1047
+ }
1048
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"].with-title .slide-layout, [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"].with-title .slide-layout {
1049
+ height: 100%;
1050
+ grid-template-rows: min-content auto;
1051
+ }
1052
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-header, [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-header {
1053
+ display: block;
1054
+ width: 100%;
1055
+ margin-bottom: 2.5rem;
1056
+ }
1057
+ @container (min-width: 700px) {
1058
+
1059
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-header, [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-header {
1060
+ margin-bottom: 0px;
1061
+ }
1062
+ }
1063
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-header, [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-header {
1064
+ grid-column-start: 1;
1065
+ grid-column-end: -1;
1066
+ }
1067
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-slide-region="content-1"],
1068
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-slide-region="content-2"],
1069
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-slide-region="content-1"],
1070
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-slide-region="content-2"] {
1071
+ display: block;
1072
+ }
1073
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-slide-region="content-1"] .slide-text,
1074
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-slide-region="content-1"] .slide-media,
1075
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-slide-region="content-2"] .slide-text,
1076
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-slide-region="content-2"] .slide-media,
1077
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-slide-region="content-1"] .slide-text,
1078
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-slide-region="content-1"] .slide-media,
1079
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-slide-region="content-2"] .slide-text,
1080
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-slide-region="content-2"] .slide-media {
1081
+ display: block;
1082
+ }
1083
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-slide-region="content-1"], [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-slide-region="content-1"] {
1084
+ margin-bottom: var(--slide-padding-sm);
1085
+ }
1086
+ @container (min-width: 700px) {
1087
+
1088
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-slide-region="content-1"], [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-slide-region="content-1"] {
1089
+ margin-bottom: 0px;
1090
+ }
1091
+
1092
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-layout {
1093
+ height: 100%;
1094
+ }
1095
+ }
1096
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-content {
1097
+ position: relative;
1098
+ }
1099
+ @container (min-width: 700px) {
1100
+
1101
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-content {
1102
+ display: flex;
1103
+ height: 100%;
1104
+ align-items: center;
1105
+ }
1106
+
1107
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-media {
1108
+ position: absolute;
1109
+ inset: 0px;
1110
+ }
1111
+ }
1112
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-layout {
1113
+ height: 100%;
1114
+ width: 100%;
1115
+ }
1116
+ @container (min-width: 700px) {
1117
+
1118
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-layout {
1119
+ display: grid;
1120
+ }
1121
+ }
1122
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-layout {
1123
+ grid-template-columns: 1fr 1fr;
1124
+ grid-template-rows: auto;
1125
+ grid-gap: var(--slide-padding-sm);
1126
+ }
1127
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-group {
1128
+ display: flex;
1129
+ flex-direction: column;
1130
+ justify-content: center;
1131
+ margin-bottom: var(--slide-padding-sm);
1132
+ }
1133
+ @container (min-width: 700px) {
1134
+
1135
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-group {
1136
+ margin-bottom: 0px;
1137
+ }
1138
+ }
1139
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-header {
1140
+ display: block;
1141
+ width: 100%;
1142
+ }
1143
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-title {
1144
+ margin-bottom: 0.5em;
1145
+ }
1146
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-slide-region="content-1"] {
1147
+ display: block;
1148
+ }
1149
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-slide-region="content-1"] .slide-text {
1150
+ display: block;
1151
+ }
1152
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-slide-region="content-2"] {
1153
+ position: relative;
1154
+ display: block;
1155
+ }
1156
+ @container (min-width: 700px) {
1157
+
1158
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-slide-region="content-2"] {
1159
+ display: flex;
1160
+ height: 100%;
1161
+ align-items: center;
1162
+ }
1163
+ }
1164
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-slide-region="content-2"] .slide-media {
1165
+ display: block;
1166
+ }
1167
+ @container (min-width: 700px) {
1168
+
1169
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-slide-region="content-2"] .slide-media {
1170
+ position: absolute;
1171
+ inset: 0px;
1172
+ }
1173
+ }
1174
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-slide-region="content-2"] .slide-media img {
1175
+ height: 100%;
1176
+ width: 100%;
1177
+ -o-object-fit: contain;
1178
+ object-fit: contain;
894
1179
  }
895
1180
  [data-coco][data-component="book-media-slide"] img {
896
1181
  height: 100%;
@@ -15197,14 +15197,14 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
15197
15197
  };
15198
15198
  });
15199
15199
 
15200
- // import-glob:/home/runner/work/coco/coco/app/assets/js/base|@baseComponents/**/*.js
15200
+ // import-glob:/Users/mark/Projects/coveragebook/coco/app/assets/js/base|@baseComponents/**/*.js
15201
15201
  var modules = [button_exports, dropdown_exports, icon_exports, image_uploader_exports];
15202
15202
  var __default = modules;
15203
15203
 
15204
15204
  // base/components.js
15205
15205
  var components_default = registerComponents(__default);
15206
15206
 
15207
- // import-glob:/home/runner/work/coco/coco/app/assets/js/book|@bookComponents/**/*.js
15207
+ // import-glob:/Users/mark/Projects/coveragebook/coco/app/assets/js/book|@bookComponents/**/*.js
15208
15208
  var modules2 = [];
15209
15209
  var __default2 = modules2;
15210
15210
 
@@ -171,7 +171,7 @@
171
171
 
172
172
  <% if text_1? %>
173
173
  <% slide.with_text_1 do %>
174
- <span x-text="text1"></span>
174
+ <span x-html="text1.replace(/\n/g, '<br>')"></span>
175
175
  <% end %>
176
176
  <% end %>
177
177
  <% end %>