avo 2.8.0 → 2.9.1.pre2

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.

This version of avo might be problematic. Click here for more details.

Files changed (60) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +2 -2
  3. data/README.md +11 -0
  4. data/app/assets/builds/action_cable.js +2 -0
  5. data/app/assets/builds/action_cable.js.map +7 -0
  6. data/app/assets/builds/application.js +2 -0
  7. data/app/assets/builds/application.js.map +7 -0
  8. data/app/assets/builds/avo.css +9028 -0
  9. data/app/assets/builds/avo.js +512 -0
  10. data/app/assets/builds/avo.js.map +7 -0
  11. data/app/assets/builds/avo_custom.js +6 -0
  12. data/app/assets/builds/avo_custom.js.map +7 -0
  13. data/app/assets/stylesheets/avo.css +4 -4
  14. data/app/assets/stylesheets/css/{components → fields}/code.css +0 -0
  15. data/app/assets/stylesheets/css/{components → fields}/progress.css +0 -0
  16. data/app/assets/stylesheets/css/{components → fields}/status.css +0 -0
  17. data/app/assets/stylesheets/css/fields/trix.css +17 -0
  18. data/app/components/avo/actions_component.html.erb +5 -13
  19. data/app/components/avo/actions_component.rb +39 -1
  20. data/app/components/avo/common_field_wrapper_component.html.erb +1 -1
  21. data/app/components/avo/fields/belongs_to_field/edit_component.rb +1 -1
  22. data/app/components/avo/fields/trix_field/edit_component.html.erb +1 -0
  23. data/app/components/avo/fields/trix_field/show_component.html.erb +1 -1
  24. data/app/components/avo/sidebar/item_switcher_component.html.erb +2 -2
  25. data/app/components/avo/views/resource_edit_component.html.erb +6 -4
  26. data/app/components/avo/views/resource_edit_component.rb +32 -4
  27. data/app/components/avo/views/resource_index_component.html.erb +1 -1
  28. data/app/components/avo/views/resource_show_component.html.erb +2 -2
  29. data/app/controllers/avo/base_controller.rb +11 -6
  30. data/app/helpers/avo/url_helpers.rb +8 -9
  31. data/app/javascript/js/controllers.js +0 -2
  32. data/app/views/avo/base/edit.html.erb +2 -1
  33. data/app/views/avo/base/new.html.erb +1 -1
  34. data/app/views/avo/partials/_custom_tools_alert.html.erb +21 -7
  35. data/app/views/avo/partials/_table_header.html.erb +9 -1
  36. data/bin/test +1 -0
  37. data/lib/avo/app.rb +18 -1
  38. data/lib/avo/base_action.rb +7 -2
  39. data/lib/avo/base_resource.rb +7 -2
  40. data/lib/avo/concerns/fetches_things.rb +19 -12
  41. data/lib/avo/concerns/has_model.rb +11 -0
  42. data/lib/avo/concerns/model_class_constantized.rb +23 -0
  43. data/lib/avo/dynamic_router.rb +1 -1
  44. data/lib/avo/engine.rb +1 -3
  45. data/lib/avo/fields/base_field.rb +1 -0
  46. data/lib/avo/fields/concerns/is_required.rb +17 -0
  47. data/lib/avo/hosts/view_record_host.rb +7 -0
  48. data/lib/avo/menu/base_item.rb +4 -0
  49. data/lib/avo/menu/dashboard.rb +5 -0
  50. data/lib/avo/menu/resource.rb +5 -0
  51. data/lib/avo/version.rb +1 -1
  52. data/lib/avo.rb +1 -0
  53. data/lib/generators/avo/install_generator.rb +1 -4
  54. data/public/avo-assets/avo.css +467 -1069
  55. data/public/avo-assets/avo.js +70 -70
  56. data/public/avo-assets/avo.js.map +3 -3
  57. metadata +21 -10
  58. data/app/components/avo/views/resource_new_component.html.erb +0 -60
  59. data/app/components/avo/views/resource_new_component.rb +0 -39
  60. data/app/javascript/js/controllers/custom/course_resource_controller.js +0 -102
data/public/avo-assets/avo.css CHANGED
@@ -838,552 +838,6 @@ span.CodeMirror-selectedtext{
838
838
  fill:#fff
839
839
  }
840
840
 
841
- /*
842
- Trix 1.3.1
843
- Copyright © 2020 Basecamp, LLC
844
- http://trix-editor.org/*/
845
-
846
- trix-editor {
847
- border: 1px solid #bbb;
848
- border-radius: 3px;
849
- margin: 0;
850
- padding: 0.4em 0.6em;
851
- min-height: 5em;
852
- outline: none;
853
- }
854
-
855
- trix-toolbar * {
856
- box-sizing: border-box;
857
- }
858
-
859
- trix-toolbar .trix-button-row {
860
- display: flex;
861
- flex-wrap: nowrap;
862
- justify-content: space-between;
863
- overflow-x: auto;
864
- }
865
-
866
- trix-toolbar .trix-button-group {
867
- display: flex;
868
- margin-bottom: 10px;
869
- border: 1px solid #bbb;
870
- border-top-color: #ccc;
871
- border-bottom-color: #888;
872
- border-radius: 3px;
873
- }
874
-
875
- trix-toolbar .trix-button-group:not(:first-child) {
876
- margin-left: 1.5vw;
877
- }
878
-
879
- @media (max-device-width: 768px) {
880
- trix-toolbar .trix-button-group:not(:first-child) {
881
- margin-left: 0;
882
- }
883
- }
884
-
885
- trix-toolbar .trix-button-group-spacer {
886
- flex-grow: 1;
887
- }
888
-
889
- @media (max-device-width: 768px) {
890
- trix-toolbar .trix-button-group-spacer {
891
- display: none;
892
- }
893
- }
894
-
895
- trix-toolbar .trix-button {
896
- position: relative;
897
- float: left;
898
- color: rgba(0, 0, 0, 0.6);
899
- font-size: 0.75em;
900
- font-weight: 600;
901
- white-space: nowrap;
902
- padding: 0 0.5em;
903
- margin: 0;
904
- outline: none;
905
- border: none;
906
- border-bottom: 1px solid #ddd;
907
- border-radius: 0;
908
- background: transparent;
909
- }
910
-
911
- trix-toolbar .trix-button:not(:first-child) {
912
- border-left: 1px solid #ccc;
913
- }
914
-
915
- trix-toolbar .trix-button.trix-active {
916
- background: #cbeefa;
917
- color: black;
918
- }
919
-
920
- trix-toolbar .trix-button:not(:disabled) {
921
- cursor: pointer;
922
- }
923
-
924
- trix-toolbar .trix-button:disabled {
925
- color: rgba(0, 0, 0, 0.125);
926
- }
927
-
928
- @media (max-device-width: 768px) {
929
- trix-toolbar .trix-button {
930
- letter-spacing: -0.01em;
931
- padding: 0 0.3em;
932
- }
933
- }
934
-
935
- trix-toolbar .trix-button--icon {
936
- font-size: inherit;
937
- width: 2.6em;
938
- height: 1.6em;
939
- max-width: calc(0.8em + 4vw);
940
- text-indent: -9999px;
941
- }
942
-
943
- @media (max-device-width: 768px) {
944
- trix-toolbar .trix-button--icon {
945
- height: 2em;
946
- max-width: calc(0.8em + 3.5vw);
947
- }
948
- }
949
-
950
- trix-toolbar .trix-button--icon::before {
951
- display: inline-block;
952
- position: absolute;
953
- top: 0;
954
- right: 0;
955
- bottom: 0;
956
- left: 0;
957
- opacity: 0.6;
958
- content: "";
959
- background-position: center;
960
- background-repeat: no-repeat;
961
- background-size: contain;
962
- }
963
-
964
- @media (max-device-width: 768px) {
965
- trix-toolbar .trix-button--icon::before {
966
- right: 6%;
967
- left: 6%;
968
- }
969
- }
970
-
971
- trix-toolbar .trix-button--icon.trix-active::before {
972
- opacity: 1;
973
- }
974
-
975
- trix-toolbar .trix-button--icon:disabled::before {
976
- opacity: 0.125;
977
- }
978
-
979
- trix-toolbar .trix-button--icon-attach::before {
980
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
981
- top: 8%;
982
- bottom: 4%;
983
- }
984
-
985
- trix-toolbar .trix-button--icon-bold::before {
986
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
987
- }
988
-
989
- trix-toolbar .trix-button--icon-italic::before {
990
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
991
- }
992
-
993
- trix-toolbar .trix-button--icon-link::before {
994
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
995
- }
996
-
997
- trix-toolbar .trix-button--icon-strike::before {
998
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
999
- }
1000
-
1001
- trix-toolbar .trix-button--icon-quote::before {
1002
- background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
1003
- }
1004
-
1005
- trix-toolbar .trix-button--icon-heading-1::before {
1006
- background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
1007
- }
1008
-
1009
- trix-toolbar .trix-button--icon-code::before {
1010
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
1011
- }
1012
-
1013
- trix-toolbar .trix-button--icon-bullet-list::before {
1014
- background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
1015
- }
1016
-
1017
- trix-toolbar .trix-button--icon-number-list::before {
1018
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
1019
- }
1020
-
1021
- trix-toolbar .trix-button--icon-undo::before {
1022
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
1023
- }
1024
-
1025
- trix-toolbar .trix-button--icon-redo::before {
1026
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
1027
- }
1028
-
1029
- trix-toolbar .trix-button--icon-decrease-nesting-level::before {
1030
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
1031
- }
1032
-
1033
- trix-toolbar .trix-button--icon-increase-nesting-level::before {
1034
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
1035
- }
1036
-
1037
- trix-toolbar .trix-dialogs {
1038
- position: relative;
1039
- }
1040
-
1041
- trix-toolbar .trix-dialog {
1042
- position: absolute;
1043
- top: 0;
1044
- left: 0;
1045
- right: 0;
1046
- font-size: 0.75em;
1047
- padding: 15px 10px;
1048
- background: #fff;
1049
- box-shadow: 0 0.3em 1em #ccc;
1050
- border-top: 2px solid #888;
1051
- border-radius: 5px;
1052
- z-index: 5;
1053
- }
1054
-
1055
- trix-toolbar .trix-input--dialog {
1056
- font-size: inherit;
1057
- font-weight: normal;
1058
- padding: 0.5em 0.8em;
1059
- margin: 0 10px 0 0;
1060
- border-radius: 3px;
1061
- border: 1px solid #bbb;
1062
- background-color: #fff;
1063
- box-shadow: none;
1064
- outline: none;
1065
- -webkit-appearance: none;
1066
- -moz-appearance: none;
1067
- }
1068
-
1069
- trix-toolbar .trix-input--dialog.validate:invalid {
1070
- box-shadow: #F00 0px 0px 1.5px 1px;
1071
- }
1072
-
1073
- trix-toolbar .trix-button--dialog {
1074
- font-size: inherit;
1075
- padding: 0.5em;
1076
- border-bottom: none;
1077
- }
1078
-
1079
- trix-toolbar .trix-dialog--link {
1080
- max-width: 600px;
1081
- }
1082
-
1083
- trix-toolbar .trix-dialog__link-fields {
1084
- display: flex;
1085
- align-items: baseline;
1086
- }
1087
-
1088
- trix-toolbar .trix-dialog__link-fields .trix-input {
1089
- flex: 1;
1090
- }
1091
-
1092
- trix-toolbar .trix-dialog__link-fields .trix-button-group {
1093
- flex: 0 0 content;
1094
- margin: 0;
1095
- }
1096
-
1097
- trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
1098
- -webkit-user-select: none;
1099
- user-select: none;
1100
- }
1101
-
1102
- trix-editor [data-trix-mutable]::selection,
1103
- trix-editor [data-trix-cursor-target]::selection,
1104
- trix-editor [data-trix-mutable] ::selection {
1105
- background: none;
1106
- }
1107
-
1108
- trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
1109
- background: highlight;
1110
- }
1111
-
1112
- trix-editor [data-trix-mutable].attachment.attachment--file {
1113
- box-shadow: 0 0 0 2px highlight;
1114
- border-color: transparent;
1115
- }
1116
-
1117
- trix-editor [data-trix-mutable].attachment img {
1118
- box-shadow: 0 0 0 2px highlight;
1119
- }
1120
-
1121
- trix-editor .attachment {
1122
- position: relative;
1123
- }
1124
-
1125
- trix-editor .attachment:hover {
1126
- cursor: default;
1127
- }
1128
-
1129
- trix-editor .attachment--preview .attachment__caption:hover {
1130
- cursor: text;
1131
- }
1132
-
1133
- trix-editor .attachment__progress {
1134
- position: absolute;
1135
- z-index: 1;
1136
- height: 20px;
1137
- top: calc(50% - 10px);
1138
- left: 5%;
1139
- width: 90%;
1140
- opacity: 0.9;
1141
- transition: opacity 200ms ease-in;
1142
- }
1143
-
1144
- trix-editor .attachment__progress[value="100"] {
1145
- opacity: 0;
1146
- }
1147
-
1148
- trix-editor .attachment__caption-editor {
1149
- display: inline-block;
1150
- width: 100%;
1151
- margin: 0;
1152
- padding: 0;
1153
- font-size: inherit;
1154
- font-family: inherit;
1155
- line-height: inherit;
1156
- color: inherit;
1157
- text-align: center;
1158
- vertical-align: top;
1159
- border: none;
1160
- outline: none;
1161
- -webkit-appearance: none;
1162
- -moz-appearance: none;
1163
- }
1164
-
1165
- trix-editor .attachment__toolbar {
1166
- position: absolute;
1167
- z-index: 1;
1168
- top: -0.9em;
1169
- left: 0;
1170
- width: 100%;
1171
- text-align: center;
1172
- }
1173
-
1174
- trix-editor .trix-button-group {
1175
- display: inline-flex;
1176
- }
1177
-
1178
- trix-editor .trix-button {
1179
- position: relative;
1180
- float: left;
1181
- color: #666;
1182
- white-space: nowrap;
1183
- font-size: 80%;
1184
- padding: 0 0.8em;
1185
- margin: 0;
1186
- outline: none;
1187
- border: none;
1188
- border-radius: 0;
1189
- background: transparent;
1190
- }
1191
-
1192
- trix-editor .trix-button:not(:first-child) {
1193
- border-left: 1px solid #ccc;
1194
- }
1195
-
1196
- trix-editor .trix-button.trix-active {
1197
- background: #cbeefa;
1198
- }
1199
-
1200
- trix-editor .trix-button:not(:disabled) {
1201
- cursor: pointer;
1202
- }
1203
-
1204
- trix-editor .trix-button--remove {
1205
- text-indent: -9999px;
1206
- display: inline-block;
1207
- padding: 0;
1208
- outline: none;
1209
- width: 1.8em;
1210
- height: 1.8em;
1211
- line-height: 1.8em;
1212
- border-radius: 50%;
1213
- background-color: #fff;
1214
- border: 2px solid highlight;
1215
- box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
1216
- }
1217
-
1218
- trix-editor .trix-button--remove::before {
1219
- display: inline-block;
1220
- position: absolute;
1221
- top: 0;
1222
- right: 0;
1223
- bottom: 0;
1224
- left: 0;
1225
- opacity: 0.7;
1226
- content: "";
1227
- background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
1228
- background-position: center;
1229
- background-repeat: no-repeat;
1230
- background-size: 90%;
1231
- }
1232
-
1233
- trix-editor .trix-button--remove:hover {
1234
- border-color: #333;
1235
- }
1236
-
1237
- trix-editor .trix-button--remove:hover::before {
1238
- opacity: 1;
1239
- }
1240
-
1241
- trix-editor .attachment__metadata-container {
1242
- position: relative;
1243
- }
1244
-
1245
- trix-editor .attachment__metadata {
1246
- position: absolute;
1247
- left: 50%;
1248
- top: 2em;
1249
- transform: translate(-50%, 0);
1250
- max-width: 90%;
1251
- padding: 0.1em 0.6em;
1252
- font-size: 0.8em;
1253
- color: #fff;
1254
- background-color: rgba(0, 0, 0, 0.7);
1255
- border-radius: 3px;
1256
- }
1257
-
1258
- trix-editor .attachment__metadata .attachment__name {
1259
- display: inline-block;
1260
- max-width: 100%;
1261
- vertical-align: bottom;
1262
- overflow: hidden;
1263
- text-overflow: ellipsis;
1264
- white-space: nowrap;
1265
- }
1266
-
1267
- trix-editor .attachment__metadata .attachment__size {
1268
- margin-left: 0.2em;
1269
- white-space: nowrap;
1270
- }
1271
-
1272
- .trix-content {
1273
- line-height: 1.5;
1274
- }
1275
-
1276
- .trix-content * {
1277
- box-sizing: border-box;
1278
- margin: 0;
1279
- padding: 0;
1280
- }
1281
-
1282
- .trix-content h1 {
1283
- font-size: 1.2em;
1284
- line-height: 1.2;
1285
- }
1286
-
1287
- .trix-content blockquote {
1288
- border: 0 solid #ccc;
1289
- border-left-width: 0.3em;
1290
- margin-left: 0.3em;
1291
- padding-left: 0.6em;
1292
- }
1293
-
1294
- .trix-content [dir=rtl] blockquote,
1295
- .trix-content blockquote[dir=rtl] {
1296
- border-width: 0;
1297
- border-right-width: 0.3em;
1298
- margin-right: 0.3em;
1299
- padding-right: 0.6em;
1300
- }
1301
-
1302
- .trix-content li {
1303
- margin-left: 1em;
1304
- }
1305
-
1306
- .trix-content [dir=rtl] li {
1307
- margin-right: 1em;
1308
- }
1309
-
1310
- .trix-content pre {
1311
- display: inline-block;
1312
- width: 100%;
1313
- vertical-align: top;
1314
- font-family: monospace;
1315
- font-size: 0.9em;
1316
- padding: 0.5em;
1317
- white-space: pre;
1318
- background-color: #eee;
1319
- overflow-x: auto;
1320
- }
1321
-
1322
- .trix-content img {
1323
- max-width: 100%;
1324
- height: auto;
1325
- }
1326
-
1327
- .trix-content .attachment {
1328
- display: inline-block;
1329
- position: relative;
1330
- max-width: 100%;
1331
- }
1332
-
1333
- .trix-content .attachment a {
1334
- color: inherit;
1335
- text-decoration: none;
1336
- }
1337
-
1338
- .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
1339
- color: inherit;
1340
- }
1341
-
1342
- .trix-content .attachment__caption {
1343
- text-align: center;
1344
- }
1345
-
1346
- .trix-content .attachment__caption .attachment__name + .attachment__size::before {
1347
- content: ' · ';
1348
- }
1349
-
1350
- .trix-content .attachment--preview {
1351
- width: 100%;
1352
- text-align: center;
1353
- }
1354
-
1355
- .trix-content .attachment--preview .attachment__caption {
1356
- color: #666;
1357
- font-size: 0.9em;
1358
- line-height: 1.2;
1359
- }
1360
-
1361
- .trix-content .attachment--file {
1362
- color: #333;
1363
- line-height: 1;
1364
- margin: 0 2px 2px 2px;
1365
- padding: 0.4em 1em;
1366
- border: 1px solid #bbb;
1367
- border-radius: 5px;
1368
- }
1369
-
1370
- .trix-content .attachment-gallery {
1371
- display: flex;
1372
- flex-wrap: wrap;
1373
- position: relative;
1374
- }
1375
-
1376
- .trix-content .attachment-gallery .attachment {
1377
- flex: 1 0 33%;
1378
- padding: 0 0.5em;
1379
- max-width: 33%;
1380
- }
1381
-
1382
- .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
1383
- flex-basis: 50%;
1384
- max-width: 50%;
1385
- }
1386
-
1387
841
  .flatpickr-calendar {
1388
842
  background: transparent;
1389
843
  opacity: 0;
@@ -6014,739 +5468,687 @@ span.CodeMirror-selectedtext {
6014
5468
  color: #FFCB6B;
6015
5469
  }
6016
5470
 
6017
- .cm-s-material-darker .cm-attribute {
6018
- color: #C792EA;
6019
- }
6020
-
6021
- .cm-s-material-darker .cm-property {
6022
- color: #C792EA;
6023
- }
6024
-
6025
- .cm-s-material-darker .cm-qualifier {
6026
- color: #DECB6B;
6027
- }
6028
-
6029
- .cm-s-material-darker .cm-variable-3,
6030
- .cm-s-material-darker .cm-type {
6031
- color: #DECB6B;
6032
- }
6033
-
6034
- .cm-s-material-darker .cm-error {
6035
- color: rgba(255, 255, 255, 1.0);
6036
- background-color: #FF5370;
6037
- }
6038
-
6039
- .cm-s-material-darker .CodeMirror-matchingbracket {
6040
- text-decoration: underline;
6041
- color: white !important;
6042
- }
6043
-
6044
- .CodeMirror {
6045
- height: var(--height) !important;
6046
- min-height: auto;
6047
- padding: 0;
6048
- }
6049
-
6050
- /* overlay CodeMirror fullscreen & Preview on small screens */
6051
-
6052
- .CodeMirror-fullscreen, .editor-preview-active-side {
6053
- z-index: 50;
6054
- }
6055
-
6056
- progress{
6057
- height:0.5rem;
6058
- border-radius:0.25rem;
6059
- border-width:1px;
6060
- --tw-border-opacity:1;
6061
- border-color:rgb(145 151 161 / var(--tw-border-opacity));
6062
- --tw-bg-opacity:1;
6063
- background-color:rgb(255 255 255 / var(--tw-bg-opacity));
6064
- --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
6065
- --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);
6066
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
6067
- }
6068
-
6069
- progress[value]::-webkit-progress-bar{
6070
- border-radius:0.25rem;
6071
- border-width:1px;
6072
- --tw-border-opacity:1;
6073
- border-color:rgb(117 125 138 / var(--tw-border-opacity));
6074
- --tw-bg-opacity:1;
6075
- background-color:rgb(255 255 255 / var(--tw-bg-opacity));
6076
- --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
6077
- --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);
6078
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
6079
- }
6080
-
6081
- progress[value]::-webkit-progress-value{
6082
- border-radius:0.25rem;
6083
- --tw-bg-opacity:1;
6084
- background-color:rgb(22 163 74 / var(--tw-bg-opacity))
6085
- }
6086
-
6087
- progress[value]::-moz-progress-bar{
6088
- appearance:none;
6089
- border-radius:0.25rem;
6090
- --tw-bg-opacity:1;
6091
- background-color:rgb(22 163 74 / var(--tw-bg-opacity))
6092
- }
6093
-
6094
- .container{
6095
- width:100%
6096
- }
6097
-
6098
- @media (min-width: 495px){
6099
- .container{
6100
- max-width:495px
6101
- }
6102
- }
6103
-
6104
- @media (min-width: 640px){
6105
- .container{
6106
- max-width:640px
6107
- }
6108
- }
6109
-
6110
- @media (min-width: 768px){
6111
- .container{
6112
- max-width:768px
6113
- }
6114
- }
6115
-
6116
- @media (min-width: 1024px){
6117
- .container{
6118
- max-width:1024px
6119
- }
6120
- }
6121
-
6122
- @media (min-width: 1280px){
6123
- .container{
6124
- max-width:1280px
6125
- }
6126
- }
6127
-
6128
- @media (min-width: 1536px){
6129
- .container{
6130
- max-width:1536px
6131
- }
6132
- }
6133
-
6134
- .prose{
6135
- color:var(--tw-prose-body);
6136
- max-width:65ch;
5471
+ .cm-s-material-darker .cm-attribute {
5472
+ color: #C792EA;
6137
5473
  }
6138
5474
 
6139
- .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){
6140
- color:var(--tw-prose-lead);
6141
- font-size:1.25em;
6142
- line-height:1.6;
6143
- margin-top:1.2em;
6144
- margin-bottom:1.2em
5475
+ .cm-s-material-darker .cm-property {
5476
+ color: #C792EA;
6145
5477
  }
6146
5478
 
6147
- .prose :where(a):not(:where([class~="not-prose"] *)){
6148
- color:var(--tw-prose-links);
6149
- text-decoration:underline;
6150
- font-weight:500
5479
+ .cm-s-material-darker .cm-qualifier {
5480
+ color: #DECB6B;
6151
5481
  }
6152
5482
 
6153
- .prose :where(strong):not(:where([class~="not-prose"] *)){
6154
- color:var(--tw-prose-bold);
6155
- font-weight:600
5483
+ .cm-s-material-darker .cm-variable-3,
5484
+ .cm-s-material-darker .cm-type {
5485
+ color: #DECB6B;
6156
5486
  }
6157
5487
 
6158
- .prose :where(ol):not(:where([class~="not-prose"] *)){
6159
- list-style-type:decimal;
6160
- padding-left:1.625em
5488
+ .cm-s-material-darker .cm-error {
5489
+ color: rgba(255, 255, 255, 1.0);
5490
+ background-color: #FF5370;
6161
5491
  }
6162
5492
 
6163
- .prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){
6164
- list-style-type:upper-alpha
5493
+ .cm-s-material-darker .CodeMirror-matchingbracket {
5494
+ text-decoration: underline;
5495
+ color: white !important;
6165
5496
  }
6166
5497
 
6167
- .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){
6168
- list-style-type:lower-alpha
5498
+ .CodeMirror {
5499
+ height: var(--height) !important;
5500
+ min-height: auto;
5501
+ padding: 0;
6169
5502
  }
6170
5503
 
6171
- .prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){
6172
- list-style-type:upper-alpha
5504
+ /* overlay CodeMirror fullscreen & Preview on small screens */
5505
+
5506
+ .CodeMirror-fullscreen, .editor-preview-active-side {
5507
+ z-index: 50;
6173
5508
  }
6174
5509
 
6175
- .prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){
6176
- list-style-type:lower-alpha
5510
+ progress{
5511
+ height:0.5rem;
5512
+ border-radius:0.25rem;
5513
+ border-width:1px;
5514
+ --tw-border-opacity:1;
5515
+ border-color:rgb(145 151 161 / var(--tw-border-opacity));
5516
+ --tw-bg-opacity:1;
5517
+ background-color:rgb(255 255 255 / var(--tw-bg-opacity));
5518
+ --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
5519
+ --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);
5520
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
6177
5521
  }
6178
5522
 
6179
- .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){
6180
- list-style-type:upper-roman
5523
+ progress[value]::-webkit-progress-bar{
5524
+ border-radius:0.25rem;
5525
+ border-width:1px;
5526
+ --tw-border-opacity:1;
5527
+ border-color:rgb(117 125 138 / var(--tw-border-opacity));
5528
+ --tw-bg-opacity:1;
5529
+ background-color:rgb(255 255 255 / var(--tw-bg-opacity));
5530
+ --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
5531
+ --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);
5532
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
6181
5533
  }
6182
5534
 
6183
- .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){
6184
- list-style-type:lower-roman
5535
+ progress[value]::-webkit-progress-value{
5536
+ border-radius:0.25rem;
5537
+ --tw-bg-opacity:1;
5538
+ background-color:rgb(22 163 74 / var(--tw-bg-opacity))
6185
5539
  }
6186
5540
 
6187
- .prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){
6188
- list-style-type:upper-roman
5541
+ progress[value]::-moz-progress-bar{
5542
+ appearance:none;
5543
+ border-radius:0.25rem;
5544
+ --tw-bg-opacity:1;
5545
+ background-color:rgb(22 163 74 / var(--tw-bg-opacity))
6189
5546
  }
6190
5547
 
6191
- .prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){
6192
- list-style-type:lower-roman
5548
+ /*
5549
+ Trix 1.3.1
5550
+ Copyright © 2020 Basecamp, LLC
5551
+ http://trix-editor.org/*/
5552
+
5553
+ trix-editor {
5554
+ border: 1px solid #bbb;
5555
+ border-radius: 3px;
5556
+ margin: 0;
5557
+ padding: 0.4em 0.6em;
5558
+ min-height: 5em;
5559
+ outline: none;
6193
5560
  }
6194
5561
 
6195
- .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){
6196
- list-style-type:decimal
5562
+ trix-toolbar * {
5563
+ box-sizing: border-box;
6197
5564
  }
6198
5565
 
6199
- .prose :where(ul):not(:where([class~="not-prose"] *)){
6200
- list-style-type:disc;
6201
- padding-left:1.625em
5566
+ trix-toolbar .trix-button-row {
5567
+ display: flex;
5568
+ flex-wrap: nowrap;
5569
+ justify-content: space-between;
5570
+ overflow-x: auto;
6202
5571
  }
6203
5572
 
6204
- .prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{
6205
- font-weight:400;
6206
- color:var(--tw-prose-counters)
5573
+ trix-toolbar .trix-button-group {
5574
+ display: flex;
5575
+ margin-bottom: 10px;
5576
+ border: 1px solid #bbb;
5577
+ border-top-color: #ccc;
5578
+ border-bottom-color: #888;
5579
+ border-radius: 3px;
6207
5580
  }
6208
5581
 
6209
- .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{
6210
- color:var(--tw-prose-bullets)
5582
+ trix-toolbar .trix-button-group:not(:first-child) {
5583
+ margin-left: 1.5vw;
6211
5584
  }
6212
5585
 
6213
- .prose :where(hr):not(:where([class~="not-prose"] *)){
6214
- border-color:var(--tw-prose-hr);
6215
- border-top-width:1px;
6216
- margin-top:3em;
6217
- margin-bottom:3em
5586
+ @media (max-device-width: 768px) {
5587
+ trix-toolbar .trix-button-group:not(:first-child) {
5588
+ margin-left: 0;
5589
+ }
6218
5590
  }
6219
5591
 
6220
- .prose :where(blockquote):not(:where([class~="not-prose"] *)){
6221
- font-weight:500;
6222
- font-style:italic;
6223
- color:var(--tw-prose-quotes);
6224
- border-left-width:0.25rem;
6225
- border-left-color:var(--tw-prose-quote-borders);
6226
- quotes:"\201C""\201D""\2018""\2019";
6227
- margin-top:1.6em;
6228
- margin-bottom:1.6em;
6229
- padding-left:1em
5592
+ trix-toolbar .trix-button-group-spacer {
5593
+ flex-grow: 1;
6230
5594
  }
6231
5595
 
6232
- .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{
6233
- content:open-quote
5596
+ @media (max-device-width: 768px) {
5597
+ trix-toolbar .trix-button-group-spacer {
5598
+ display: none;
5599
+ }
6234
5600
  }
6235
5601
 
6236
- .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{
6237
- content:close-quote
5602
+ trix-toolbar .trix-button {
5603
+ position: relative;
5604
+ float: left;
5605
+ color: rgba(0, 0, 0, 0.6);
5606
+ font-size: 0.75em;
5607
+ font-weight: 600;
5608
+ white-space: nowrap;
5609
+ padding: 0 0.5em;
5610
+ margin: 0;
5611
+ outline: none;
5612
+ border: none;
5613
+ border-bottom: 1px solid #ddd;
5614
+ border-radius: 0;
5615
+ background: transparent;
6238
5616
  }
6239
5617
 
6240
- .prose :where(h1):not(:where([class~="not-prose"] *)){
6241
- color:var(--tw-prose-headings);
6242
- font-weight:800;
6243
- font-size:2.25em;
6244
- margin-top:0;
6245
- margin-bottom:0.8888889em;
6246
- line-height:1.1111111
5618
+ trix-toolbar .trix-button:not(:first-child) {
5619
+ border-left: 1px solid #ccc;
6247
5620
  }
6248
5621
 
6249
- .prose :where(h1 strong):not(:where([class~="not-prose"] *)){
6250
- font-weight:900
5622
+ trix-toolbar .trix-button.trix-active {
5623
+ background: #cbeefa;
5624
+ color: black;
6251
5625
  }
6252
5626
 
6253
- .prose :where(h2):not(:where([class~="not-prose"] *)){
6254
- color:var(--tw-prose-headings);
6255
- font-weight:700;
6256
- font-size:1.5em;
6257
- margin-top:2em;
6258
- margin-bottom:1em;
6259
- line-height:1.3333333
5627
+ trix-toolbar .trix-button:not(:disabled) {
5628
+ cursor: pointer;
6260
5629
  }
6261
5630
 
6262
- .prose :where(h2 strong):not(:where([class~="not-prose"] *)){
6263
- font-weight:800
5631
+ trix-toolbar .trix-button:disabled {
5632
+ color: rgba(0, 0, 0, 0.125);
6264
5633
  }
6265
5634
 
6266
- .prose :where(h3):not(:where([class~="not-prose"] *)){
6267
- color:var(--tw-prose-headings);
6268
- font-weight:600;
6269
- font-size:1.25em;
6270
- margin-top:1.6em;
6271
- margin-bottom:0.6em;
6272
- line-height:1.6
5635
+ @media (max-device-width: 768px) {
5636
+ trix-toolbar .trix-button {
5637
+ letter-spacing: -0.01em;
5638
+ padding: 0 0.3em;
5639
+ }
6273
5640
  }
6274
5641
 
6275
- .prose :where(h3 strong):not(:where([class~="not-prose"] *)){
6276
- font-weight:700
5642
+ trix-toolbar .trix-button--icon {
5643
+ font-size: inherit;
5644
+ width: 2.6em;
5645
+ height: 1.6em;
5646
+ max-width: calc(0.8em + 4vw);
5647
+ text-indent: -9999px;
6277
5648
  }
6278
5649
 
6279
- .prose :where(h4):not(:where([class~="not-prose"] *)){
6280
- color:var(--tw-prose-headings);
6281
- font-weight:600;
6282
- margin-top:1.5em;
6283
- margin-bottom:0.5em;
6284
- line-height:1.5
5650
+ @media (max-device-width: 768px) {
5651
+ trix-toolbar .trix-button--icon {
5652
+ height: 2em;
5653
+ max-width: calc(0.8em + 3.5vw);
5654
+ }
6285
5655
  }
6286
5656
 
6287
- .prose :where(h4 strong):not(:where([class~="not-prose"] *)){
6288
- font-weight:700
5657
+ trix-toolbar .trix-button--icon::before {
5658
+ display: inline-block;
5659
+ position: absolute;
5660
+ top: 0;
5661
+ right: 0;
5662
+ bottom: 0;
5663
+ left: 0;
5664
+ opacity: 0.6;
5665
+ content: "";
5666
+ background-position: center;
5667
+ background-repeat: no-repeat;
5668
+ background-size: contain;
6289
5669
  }
6290
5670
 
6291
- .prose :where(figure > *):not(:where([class~="not-prose"] *)){
6292
- margin-top:0;
6293
- margin-bottom:0
5671
+ @media (max-device-width: 768px) {
5672
+ trix-toolbar .trix-button--icon::before {
5673
+ right: 6%;
5674
+ left: 6%;
5675
+ }
6294
5676
  }
6295
5677
 
6296
- .prose :where(figcaption):not(:where([class~="not-prose"] *)){
6297
- color:var(--tw-prose-captions);
6298
- font-size:0.875em;
6299
- line-height:1.4285714;
6300
- margin-top:0.8571429em
5678
+ trix-toolbar .trix-button--icon.trix-active::before {
5679
+ opacity: 1;
6301
5680
  }
6302
5681
 
6303
- .prose :where(code):not(:where([class~="not-prose"] *)){
6304
- color:var(--tw-prose-code);
6305
- font-weight:600;
6306
- font-size:0.875em
5682
+ trix-toolbar .trix-button--icon:disabled::before {
5683
+ opacity: 0.125;
6307
5684
  }
6308
5685
 
6309
- .prose :where(code):not(:where([class~="not-prose"] *))::before{
6310
- content:"`"
5686
+ trix-toolbar .trix-button--icon-attach::before {
5687
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
5688
+ top: 8%;
5689
+ bottom: 4%;
6311
5690
  }
6312
5691
 
6313
- .prose :where(code):not(:where([class~="not-prose"] *))::after{
6314
- content:"`"
5692
+ trix-toolbar .trix-button--icon-bold::before {
5693
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
6315
5694
  }
6316
5695
 
6317
- .prose :where(a code):not(:where([class~="not-prose"] *)){
6318
- color:var(--tw-prose-links)
5696
+ trix-toolbar .trix-button--icon-italic::before {
5697
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
6319
5698
  }
6320
5699
 
6321
- .prose :where(pre):not(:where([class~="not-prose"] *)){
6322
- color:var(--tw-prose-pre-code);
6323
- background-color:var(--tw-prose-pre-bg);
6324
- overflow-x:auto;
6325
- font-weight:400;
6326
- font-size:0.875em;
6327
- line-height:1.7142857;
6328
- margin-top:1.7142857em;
6329
- margin-bottom:1.7142857em;
6330
- border-radius:0.375rem;
6331
- padding-top:0.8571429em;
6332
- padding-right:1.1428571em;
6333
- padding-bottom:0.8571429em;
6334
- padding-left:1.1428571em
6335
- }
6336
-
6337
- .prose :where(pre code):not(:where([class~="not-prose"] *)){
6338
- background-color:transparent;
6339
- border-width:0;
6340
- border-radius:0;
6341
- padding:0;
6342
- font-weight:inherit;
6343
- color:inherit;
6344
- font-size:inherit;
6345
- font-family:inherit;
6346
- line-height:inherit
5700
+ trix-toolbar .trix-button--icon-link::before {
5701
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
6347
5702
  }
6348
5703
 
6349
- .prose :where(pre code):not(:where([class~="not-prose"] *))::before{
6350
- content:none
5704
+ trix-toolbar .trix-button--icon-strike::before {
5705
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
6351
5706
  }
6352
5707
 
6353
- .prose :where(pre code):not(:where([class~="not-prose"] *))::after{
6354
- content:none
5708
+ trix-toolbar .trix-button--icon-quote::before {
5709
+ background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
6355
5710
  }
6356
5711
 
6357
- .prose :where(table):not(:where([class~="not-prose"] *)){
6358
- width:100%;
6359
- table-layout:auto;
6360
- text-align:left;
6361
- margin-top:2em;
6362
- margin-bottom:2em;
6363
- font-size:0.875em;
6364
- line-height:1.7142857
5712
+ trix-toolbar .trix-button--icon-heading-1::before {
5713
+ background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
6365
5714
  }
6366
5715
 
6367
- .prose :where(thead):not(:where([class~="not-prose"] *)){
6368
- border-bottom-width:1px;
6369
- border-bottom-color:var(--tw-prose-th-borders)
5716
+ trix-toolbar .trix-button--icon-code::before {
5717
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
6370
5718
  }
6371
5719
 
6372
- .prose :where(thead th):not(:where([class~="not-prose"] *)){
6373
- color:var(--tw-prose-headings);
6374
- font-weight:600;
6375
- vertical-align:bottom;
6376
- padding-right:0.5714286em;
6377
- padding-bottom:0.5714286em;
6378
- padding-left:0.5714286em
5720
+ trix-toolbar .trix-button--icon-bullet-list::before {
5721
+ background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
6379
5722
  }
6380
5723
 
6381
- .prose :where(tbody tr):not(:where([class~="not-prose"] *)){
6382
- border-bottom-width:1px;
6383
- border-bottom-color:var(--tw-prose-td-borders)
5724
+ trix-toolbar .trix-button--icon-number-list::before {
5725
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
6384
5726
  }
6385
5727
 
6386
- .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){
6387
- border-bottom-width:0
5728
+ trix-toolbar .trix-button--icon-undo::before {
5729
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
6388
5730
  }
6389
5731
 
6390
- .prose :where(tbody td):not(:where([class~="not-prose"] *)){
6391
- vertical-align:baseline;
6392
- padding-top:0.5714286em;
6393
- padding-right:0.5714286em;
6394
- padding-bottom:0.5714286em;
6395
- padding-left:0.5714286em
6396
- }
6397
-
6398
- .prose{
6399
- --tw-prose-body:#374151;
6400
- --tw-prose-headings:#111827;
6401
- --tw-prose-lead:#4b5563;
6402
- --tw-prose-links:#111827;
6403
- --tw-prose-bold:#111827;
6404
- --tw-prose-counters:#6b7280;
6405
- --tw-prose-bullets:#d1d5db;
6406
- --tw-prose-hr:#e5e7eb;
6407
- --tw-prose-quotes:#111827;
6408
- --tw-prose-quote-borders:#e5e7eb;
6409
- --tw-prose-captions:#6b7280;
6410
- --tw-prose-code:#111827;
6411
- --tw-prose-pre-code:#e5e7eb;
6412
- --tw-prose-pre-bg:#1f2937;
6413
- --tw-prose-th-borders:#d1d5db;
6414
- --tw-prose-td-borders:#e5e7eb;
6415
- --tw-prose-invert-body:#d1d5db;
6416
- --tw-prose-invert-headings:#fff;
6417
- --tw-prose-invert-lead:#9ca3af;
6418
- --tw-prose-invert-links:#fff;
6419
- --tw-prose-invert-bold:#fff;
6420
- --tw-prose-invert-counters:#9ca3af;
6421
- --tw-prose-invert-bullets:#4b5563;
6422
- --tw-prose-invert-hr:#374151;
6423
- --tw-prose-invert-quotes:#f3f4f6;
6424
- --tw-prose-invert-quote-borders:#374151;
6425
- --tw-prose-invert-captions:#9ca3af;
6426
- --tw-prose-invert-code:#fff;
6427
- --tw-prose-invert-pre-code:#d1d5db;
6428
- --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
6429
- --tw-prose-invert-th-borders:#4b5563;
6430
- --tw-prose-invert-td-borders:#374151;
6431
- font-size:1rem;
6432
- line-height:1.75
5732
+ trix-toolbar .trix-button--icon-redo::before {
5733
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
6433
5734
  }
6434
5735
 
6435
- .prose :where(p):not(:where([class~="not-prose"] *)){
6436
- margin-top:1.25em;
6437
- margin-bottom:1.25em
5736
+ trix-toolbar .trix-button--icon-decrease-nesting-level::before {
5737
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
6438
5738
  }
6439
5739
 
6440
- .prose :where(img):not(:where([class~="not-prose"] *)){
6441
- margin-top:2em;
6442
- margin-bottom:2em
5740
+ trix-toolbar .trix-button--icon-increase-nesting-level::before {
5741
+ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
6443
5742
  }
6444
5743
 
6445
- .prose :where(video):not(:where([class~="not-prose"] *)){
6446
- margin-top:2em;
6447
- margin-bottom:2em
5744
+ trix-toolbar .trix-dialogs {
5745
+ position: relative;
6448
5746
  }
6449
5747
 
6450
- .prose :where(figure):not(:where([class~="not-prose"] *)){
6451
- margin-top:2em;
6452
- margin-bottom:2em
5748
+ trix-toolbar .trix-dialog {
5749
+ position: absolute;
5750
+ top: 0;
5751
+ left: 0;
5752
+ right: 0;
5753
+ font-size: 0.75em;
5754
+ padding: 15px 10px;
5755
+ background: #fff;
5756
+ box-shadow: 0 0.3em 1em #ccc;
5757
+ border-top: 2px solid #888;
5758
+ border-radius: 5px;
5759
+ z-index: 5;
6453
5760
  }
6454
5761
 
6455
- .prose :where(h2 code):not(:where([class~="not-prose"] *)){
6456
- font-size:0.875em
5762
+ trix-toolbar .trix-input--dialog {
5763
+ font-size: inherit;
5764
+ font-weight: normal;
5765
+ padding: 0.5em 0.8em;
5766
+ margin: 0 10px 0 0;
5767
+ border-radius: 3px;
5768
+ border: 1px solid #bbb;
5769
+ background-color: #fff;
5770
+ box-shadow: none;
5771
+ outline: none;
5772
+ -webkit-appearance: none;
5773
+ -moz-appearance: none;
6457
5774
  }
6458
5775
 
6459
- .prose :where(h3 code):not(:where([class~="not-prose"] *)){
6460
- font-size:0.9em
5776
+ trix-toolbar .trix-input--dialog.validate:invalid {
5777
+ box-shadow: #F00 0px 0px 1.5px 1px;
6461
5778
  }
6462
5779
 
6463
- .prose :where(li):not(:where([class~="not-prose"] *)){
6464
- margin-top:0.5em;
6465
- margin-bottom:0.5em
5780
+ trix-toolbar .trix-button--dialog {
5781
+ font-size: inherit;
5782
+ padding: 0.5em;
5783
+ border-bottom: none;
6466
5784
  }
6467
5785
 
6468
- .prose :where(ol > li):not(:where([class~="not-prose"] *)){
6469
- padding-left:0.375em
5786
+ trix-toolbar .trix-dialog--link {
5787
+ max-width: 600px;
6470
5788
  }
6471
5789
 
6472
- .prose :where(ul > li):not(:where([class~="not-prose"] *)){
6473
- padding-left:0.375em
5790
+ trix-toolbar .trix-dialog__link-fields {
5791
+ display: flex;
5792
+ align-items: baseline;
6474
5793
  }
6475
5794
 
6476
- .prose > :where(ul > li p):not(:where([class~="not-prose"] *)){
6477
- margin-top:0.75em;
6478
- margin-bottom:0.75em
5795
+ trix-toolbar .trix-dialog__link-fields .trix-input {
5796
+ flex: 1;
6479
5797
  }
6480
5798
 
6481
- .prose > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *)){
6482
- margin-top:1.25em
5799
+ trix-toolbar .trix-dialog__link-fields .trix-button-group {
5800
+ flex: 0 0 content;
5801
+ margin: 0;
6483
5802
  }
6484
5803
 
6485
- .prose > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *)){
6486
- margin-bottom:1.25em
5804
+ trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
5805
+ -webkit-user-select: none;
5806
+ user-select: none;
6487
5807
  }
6488
5808
 
6489
- .prose > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *)){
6490
- margin-top:1.25em
5809
+ trix-editor [data-trix-mutable]::selection,
5810
+ trix-editor [data-trix-cursor-target]::selection,
5811
+ trix-editor [data-trix-mutable] ::selection {
5812
+ background: none;
6491
5813
  }
6492
5814
 
6493
- .prose > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *)){
6494
- margin-bottom:1.25em
5815
+ trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
5816
+ background: highlight;
6495
5817
  }
6496
5818
 
6497
- .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
6498
- margin-top:0.75em;
6499
- margin-bottom:0.75em
5819
+ trix-editor [data-trix-mutable].attachment.attachment--file {
5820
+ box-shadow: 0 0 0 2px highlight;
5821
+ border-color: transparent;
6500
5822
  }
6501
5823
 
6502
- .prose :where(hr + *):not(:where([class~="not-prose"] *)){
6503
- margin-top:0
5824
+ trix-editor [data-trix-mutable].attachment img {
5825
+ box-shadow: 0 0 0 2px highlight;
6504
5826
  }
6505
5827
 
6506
- .prose :where(h2 + *):not(:where([class~="not-prose"] *)){
6507
- margin-top:0
5828
+ trix-editor .attachment {
5829
+ position: relative;
6508
5830
  }
6509
5831
 
6510
- .prose :where(h3 + *):not(:where([class~="not-prose"] *)){
6511
- margin-top:0
5832
+ trix-editor .attachment:hover {
5833
+ cursor: default;
6512
5834
  }
6513
5835
 
6514
- .prose :where(h4 + *):not(:where([class~="not-prose"] *)){
6515
- margin-top:0
5836
+ trix-editor .attachment--preview .attachment__caption:hover {
5837
+ cursor: text;
6516
5838
  }
6517
5839
 
6518
- .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){
6519
- padding-left:0
5840
+ trix-editor .attachment__progress {
5841
+ position: absolute;
5842
+ z-index: 1;
5843
+ height: 20px;
5844
+ top: calc(50% - 10px);
5845
+ left: 5%;
5846
+ width: 90%;
5847
+ opacity: 0.9;
5848
+ transition: opacity 200ms ease-in;
6520
5849
  }
6521
5850
 
6522
- .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){
6523
- padding-right:0
5851
+ trix-editor .attachment__progress[value="100"] {
5852
+ opacity: 0;
6524
5853
  }
6525
5854
 
6526
- .prose :where(tbody td:first-child):not(:where([class~="not-prose"] *)){
6527
- padding-left:0
5855
+ trix-editor .attachment__caption-editor {
5856
+ display: inline-block;
5857
+ width: 100%;
5858
+ margin: 0;
5859
+ padding: 0;
5860
+ font-size: inherit;
5861
+ font-family: inherit;
5862
+ line-height: inherit;
5863
+ color: inherit;
5864
+ text-align: center;
5865
+ vertical-align: top;
5866
+ border: none;
5867
+ outline: none;
5868
+ -webkit-appearance: none;
5869
+ -moz-appearance: none;
6528
5870
  }
6529
5871
 
6530
- .prose :where(tbody td:last-child):not(:where([class~="not-prose"] *)){
6531
- padding-right:0
5872
+ trix-editor .attachment__toolbar {
5873
+ position: absolute;
5874
+ z-index: 1;
5875
+ top: -0.9em;
5876
+ left: 0;
5877
+ width: 100%;
5878
+ text-align: center;
6532
5879
  }
6533
5880
 
6534
- .prose > :where(:first-child):not(:where([class~="not-prose"] *)){
6535
- margin-top:0
5881
+ trix-editor .trix-button-group {
5882
+ display: inline-flex;
6536
5883
  }
6537
5884
 
6538
- .prose > :where(:last-child):not(:where([class~="not-prose"] *)){
6539
- margin-bottom:0
5885
+ trix-editor .trix-button {
5886
+ position: relative;
5887
+ float: left;
5888
+ color: #666;
5889
+ white-space: nowrap;
5890
+ font-size: 80%;
5891
+ padding: 0 0.8em;
5892
+ margin: 0;
5893
+ outline: none;
5894
+ border: none;
5895
+ border-radius: 0;
5896
+ background: transparent;
6540
5897
  }
6541
5898
 
6542
- .prose-sm{
6543
- font-size:0.875rem;
6544
- line-height:1.7142857;
5899
+ trix-editor .trix-button:not(:first-child) {
5900
+ border-left: 1px solid #ccc;
6545
5901
  }
6546
5902
 
6547
- .prose-sm :where(p):not(:where([class~="not-prose"] *)){
6548
- margin-top:1.1428571em;
6549
- margin-bottom:1.1428571em
5903
+ trix-editor .trix-button.trix-active {
5904
+ background: #cbeefa;
6550
5905
  }
6551
5906
 
6552
- .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)){
6553
- font-size:1.2857143em;
6554
- line-height:1.5555556;
6555
- margin-top:0.8888889em;
6556
- margin-bottom:0.8888889em
5907
+ trix-editor .trix-button:not(:disabled) {
5908
+ cursor: pointer;
6557
5909
  }
6558
5910
 
6559
- .prose-sm :where(blockquote):not(:where([class~="not-prose"] *)){
6560
- margin-top:1.3333333em;
6561
- margin-bottom:1.3333333em;
6562
- padding-left:1.1111111em
5911
+ trix-editor .trix-button--remove {
5912
+ text-indent: -9999px;
5913
+ display: inline-block;
5914
+ padding: 0;
5915
+ outline: none;
5916
+ width: 1.8em;
5917
+ height: 1.8em;
5918
+ line-height: 1.8em;
5919
+ border-radius: 50%;
5920
+ background-color: #fff;
5921
+ border: 2px solid highlight;
5922
+ box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
6563
5923
  }
6564
5924
 
6565
- .prose-sm :where(h1):not(:where([class~="not-prose"] *)){
6566
- font-size:2.1428571em;
6567
- margin-top:0;
6568
- margin-bottom:0.8em;
6569
- line-height:1.2
5925
+ trix-editor .trix-button--remove::before {
5926
+ display: inline-block;
5927
+ position: absolute;
5928
+ top: 0;
5929
+ right: 0;
5930
+ bottom: 0;
5931
+ left: 0;
5932
+ opacity: 0.7;
5933
+ content: "";
5934
+ background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
5935
+ background-position: center;
5936
+ background-repeat: no-repeat;
5937
+ background-size: 90%;
6570
5938
  }
6571
5939
 
6572
- .prose-sm :where(h2):not(:where([class~="not-prose"] *)){
6573
- font-size:1.4285714em;
6574
- margin-top:1.6em;
6575
- margin-bottom:0.8em;
6576
- line-height:1.4
5940
+ trix-editor .trix-button--remove:hover {
5941
+ border-color: #333;
6577
5942
  }
6578
5943
 
6579
- .prose-sm :where(h3):not(:where([class~="not-prose"] *)){
6580
- font-size:1.2857143em;
6581
- margin-top:1.5555556em;
6582
- margin-bottom:0.4444444em;
6583
- line-height:1.5555556
5944
+ trix-editor .trix-button--remove:hover::before {
5945
+ opacity: 1;
6584
5946
  }
6585
5947
 
6586
- .prose-sm :where(h4):not(:where([class~="not-prose"] *)){
6587
- margin-top:1.4285714em;
6588
- margin-bottom:0.5714286em;
6589
- line-height:1.4285714
5948
+ trix-editor .attachment__metadata-container {
5949
+ position: relative;
6590
5950
  }
6591
5951
 
6592
- .prose-sm :where(img):not(:where([class~="not-prose"] *)){
6593
- margin-top:1.7142857em;
6594
- margin-bottom:1.7142857em
5952
+ trix-editor .attachment__metadata {
5953
+ position: absolute;
5954
+ left: 50%;
5955
+ top: 2em;
5956
+ transform: translate(-50%, 0);
5957
+ max-width: 90%;
5958
+ padding: 0.1em 0.6em;
5959
+ font-size: 0.8em;
5960
+ color: #fff;
5961
+ background-color: rgba(0, 0, 0, 0.7);
5962
+ border-radius: 3px;
6595
5963
  }
6596
5964
 
6597
- .prose-sm :where(video):not(:where([class~="not-prose"] *)){
6598
- margin-top:1.7142857em;
6599
- margin-bottom:1.7142857em
5965
+ trix-editor .attachment__metadata .attachment__name {
5966
+ display: inline-block;
5967
+ max-width: 100%;
5968
+ vertical-align: bottom;
5969
+ overflow: hidden;
5970
+ text-overflow: ellipsis;
5971
+ white-space: nowrap;
6600
5972
  }
6601
5973
 
6602
- .prose-sm :where(figure):not(:where([class~="not-prose"] *)){
6603
- margin-top:1.7142857em;
6604
- margin-bottom:1.7142857em
5974
+ trix-editor .attachment__metadata .attachment__size {
5975
+ margin-left: 0.2em;
5976
+ white-space: nowrap;
6605
5977
  }
6606
5978
 
6607
- .prose-sm :where(figure > *):not(:where([class~="not-prose"] *)){
6608
- margin-top:0;
6609
- margin-bottom:0
5979
+ .trix-content {
5980
+ line-height: 1.5;
6610
5981
  }
6611
5982
 
6612
- .prose-sm :where(figcaption):not(:where([class~="not-prose"] *)){
6613
- font-size:0.8571429em;
6614
- line-height:1.3333333;
6615
- margin-top:0.6666667em
5983
+ .trix-content * {
5984
+ box-sizing: border-box;
5985
+ margin: 0;
5986
+ padding: 0;
6616
5987
  }
6617
5988
 
6618
- .prose-sm :where(code):not(:where([class~="not-prose"] *)){
6619
- font-size:0.8571429em
5989
+ .trix-content h1 {
5990
+ font-size: 1.2em;
5991
+ line-height: 1.2;
6620
5992
  }
6621
5993
 
6622
- .prose-sm :where(h2 code):not(:where([class~="not-prose"] *)){
6623
- font-size:0.9em
5994
+ .trix-content blockquote {
5995
+ border: 0 solid #ccc;
5996
+ border-left-width: 0.3em;
5997
+ margin-left: 0.3em;
5998
+ padding-left: 0.6em;
6624
5999
  }
6625
6000
 
6626
- .prose-sm :where(h3 code):not(:where([class~="not-prose"] *)){
6627
- font-size:0.8888889em
6001
+ .trix-content [dir=rtl] blockquote,
6002
+ .trix-content blockquote[dir=rtl] {
6003
+ border-width: 0;
6004
+ border-right-width: 0.3em;
6005
+ margin-right: 0.3em;
6006
+ padding-right: 0.6em;
6628
6007
  }
6629
6008
 
6630
- .prose-sm :where(pre):not(:where([class~="not-prose"] *)){
6631
- font-size:0.8571429em;
6632
- line-height:1.6666667;
6633
- margin-top:1.6666667em;
6634
- margin-bottom:1.6666667em;
6635
- border-radius:0.25rem;
6636
- padding-top:0.6666667em;
6637
- padding-right:1em;
6638
- padding-bottom:0.6666667em;
6639
- padding-left:1em
6009
+ .trix-content li {
6010
+ margin-left: 1em;
6640
6011
  }
6641
6012
 
6642
- .prose-sm :where(ol):not(:where([class~="not-prose"] *)){
6643
- padding-left:1.5714286em
6013
+ .trix-content [dir=rtl] li {
6014
+ margin-right: 1em;
6644
6015
  }
6645
6016
 
6646
- .prose-sm :where(ul):not(:where([class~="not-prose"] *)){
6647
- padding-left:1.5714286em
6017
+ .trix-content pre {
6018
+ display: inline-block;
6019
+ width: 100%;
6020
+ vertical-align: top;
6021
+ font-family: monospace;
6022
+ font-size: 0.9em;
6023
+ padding: 0.5em;
6024
+ white-space: pre;
6025
+ background-color: #eee;
6026
+ overflow-x: auto;
6648
6027
  }
6649
6028
 
6650
- .prose-sm :where(li):not(:where([class~="not-prose"] *)){
6651
- margin-top:0.2857143em;
6652
- margin-bottom:0.2857143em
6029
+ .trix-content img {
6030
+ max-width: 100%;
6031
+ height: auto;
6653
6032
  }
6654
6033
 
6655
- .prose-sm :where(ol > li):not(:where([class~="not-prose"] *)){
6656
- padding-left:0.4285714em
6034
+ .trix-content .attachment {
6035
+ display: inline-block;
6036
+ position: relative;
6037
+ max-width: 100%;
6657
6038
  }
6658
6039
 
6659
- .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)){
6660
- padding-left:0.4285714em
6040
+ .trix-content .attachment a {
6041
+ color: inherit;
6042
+ text-decoration: none;
6661
6043
  }
6662
6044
 
6663
- .prose-sm > :where(ul > li p):not(:where([class~="not-prose"] *)){
6664
- margin-top:0.5714286em;
6665
- margin-bottom:0.5714286em
6045
+ .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
6046
+ color: inherit;
6666
6047
  }
6667
6048
 
6668
- .prose-sm > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *)){
6669
- margin-top:1.1428571em
6049
+ .trix-content .attachment__caption {
6050
+ text-align: center;
6670
6051
  }
6671
6052
 
6672
- .prose-sm > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *)){
6673
- margin-bottom:1.1428571em
6053
+ .trix-content .attachment__caption .attachment__name + .attachment__size::before {
6054
+ content: ' · ';
6674
6055
  }
6675
6056
 
6676
- .prose-sm > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *)){
6677
- margin-top:1.1428571em
6057
+ .trix-content .attachment--preview {
6058
+ width: 100%;
6059
+ text-align: center;
6678
6060
  }
6679
6061
 
6680
- .prose-sm > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *)){
6681
- margin-bottom:1.1428571em
6062
+ .trix-content .attachment--preview .attachment__caption {
6063
+ color: #666;
6064
+ font-size: 0.9em;
6065
+ line-height: 1.2;
6682
6066
  }
6683
6067
 
6684
- .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
6685
- margin-top:0.5714286em;
6686
- margin-bottom:0.5714286em
6068
+ .trix-content .attachment--file {
6069
+ color: #333;
6070
+ line-height: 1;
6071
+ margin: 0 2px 2px 2px;
6072
+ padding: 0.4em 1em;
6073
+ border: 1px solid #bbb;
6074
+ border-radius: 5px;
6687
6075
  }
6688
6076
 
6689
- .prose-sm :where(hr):not(:where([class~="not-prose"] *)){
6690
- margin-top:2.8571429em;
6691
- margin-bottom:2.8571429em
6077
+ .trix-content .attachment-gallery {
6078
+ display: flex;
6079
+ flex-wrap: wrap;
6080
+ position: relative;
6692
6081
  }
6693
6082
 
6694
- .prose-sm :where(hr + *):not(:where([class~="not-prose"] *)){
6695
- margin-top:0
6083
+ .trix-content .attachment-gallery .attachment {
6084
+ flex: 1 0 33%;
6085
+ padding: 0 0.5em;
6086
+ max-width: 33%;
6696
6087
  }
6697
6088
 
6698
- .prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)){
6699
- margin-top:0
6089
+ .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
6090
+ flex-basis: 50%;
6091
+ max-width: 50%;
6700
6092
  }
6701
6093
 
6702
- .prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)){
6703
- margin-top:0
6094
+ .trix-content h1{
6095
+ margin-bottom:0.5rem;
6096
+ font-size:1.25rem;
6097
+ line-height:1.75rem;
6098
+ font-weight:700
6704
6099
  }
6705
6100
 
6706
- .prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)){
6707
- margin-top:0
6101
+ .trix-content ul{
6102
+ list-style-type:disc
6708
6103
  }
6709
6104
 
6710
- .prose-sm :where(table):not(:where([class~="not-prose"] *)){
6711
- font-size:0.8571429em;
6712
- line-height:1.5
6105
+ .trix-content pre{
6106
+ font-size:1rem;
6107
+ line-height:1.5rem
6713
6108
  }
6714
6109
 
6715
- .prose-sm :where(thead th):not(:where([class~="not-prose"] *)){
6716
- padding-right:1em;
6717
- padding-bottom:0.6666667em;
6718
- padding-left:1em
6110
+ .trix-content ol{
6111
+ list-style-type:decimal
6719
6112
  }
6720
6113
 
6721
- .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)){
6722
- padding-left:0
6114
+ .container{
6115
+ width:100%
6723
6116
  }
6724
6117
 
6725
- .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)){
6726
- padding-right:0
6118
+ @media (min-width: 495px){
6119
+ .container{
6120
+ max-width:495px
6121
+ }
6727
6122
  }
6728
6123
 
6729
- .prose-sm :where(tbody td):not(:where([class~="not-prose"] *)){
6730
- padding-top:0.6666667em;
6731
- padding-right:1em;
6732
- padding-bottom:0.6666667em;
6733
- padding-left:1em
6124
+ @media (min-width: 640px){
6125
+ .container{
6126
+ max-width:640px
6127
+ }
6734
6128
  }
6735
6129
 
6736
- .prose-sm :where(tbody td:first-child):not(:where([class~="not-prose"] *)){
6737
- padding-left:0
6130
+ @media (min-width: 768px){
6131
+ .container{
6132
+ max-width:768px
6133
+ }
6738
6134
  }
6739
6135
 
6740
- .prose-sm :where(tbody td:last-child):not(:where([class~="not-prose"] *)){
6741
- padding-right:0
6136
+ @media (min-width: 1024px){
6137
+ .container{
6138
+ max-width:1024px
6139
+ }
6742
6140
  }
6743
6141
 
6744
- .prose-sm > :where(:first-child):not(:where([class~="not-prose"] *)){
6745
- margin-top:0
6142
+ @media (min-width: 1280px){
6143
+ .container{
6144
+ max-width:1280px
6145
+ }
6746
6146
  }
6747
6147
 
6748
- .prose-sm > :where(:last-child):not(:where([class~="not-prose"] *)){
6749
- margin-bottom:0
6148
+ @media (min-width: 1536px){
6149
+ .container{
6150
+ max-width:1536px
6151
+ }
6750
6152
  }
6751
6153
 
6752
6154
  .sr-only{
@@ -7478,18 +6880,18 @@ progress[value]::-moz-progress-bar{
7478
6880
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
7479
6881
  }
7480
6882
 
7481
- .space-x-4 > :not([hidden]) ~ :not([hidden]){
7482
- --tw-space-x-reverse:0;
7483
- margin-right:calc(1rem * var(--tw-space-x-reverse));
7484
- margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
7485
- }
7486
-
7487
6883
  .space-x-2 > :not([hidden]) ~ :not([hidden]){
7488
6884
  --tw-space-x-reverse:0;
7489
6885
  margin-right:calc(0.5rem * var(--tw-space-x-reverse));
7490
6886
  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
7491
6887
  }
7492
6888
 
6889
+ .space-x-4 > :not([hidden]) ~ :not([hidden]){
6890
+ --tw-space-x-reverse:0;
6891
+ margin-right:calc(1rem * var(--tw-space-x-reverse));
6892
+ margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
6893
+ }
6894
+
7493
6895
  .space-y-1 > :not([hidden]) ~ :not([hidden]){
7494
6896
  --tw-space-y-reverse:0;
7495
6897
  margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -8449,10 +7851,6 @@ progress[value]::-moz-progress-bar{
8449
7851
  opacity:0.5
8450
7852
  }
8451
7853
 
8452
- .opacity-10{
8453
- opacity:0.1
8454
- }
8455
-
8456
7854
  .shadow-panel{
8457
7855
  --tw-shadow:0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
8458
7856
  --tw-shadow-colored:0px 4px 8px var(--tw-shadow-color), 0px 0px 2px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color);