Skip to content

Commit 66915a8

Browse files
localscriptslocalscripts
committed
hot fix
1 parent fb983d1 commit 66915a8

6 files changed

Lines changed: 264 additions & 142 deletions

File tree

‎cs2.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@
1717
<link rel="stylesheet" href="/src/components/objects/promo/promo.css">
1818
<link rel="stylesheet" href="/src/components/objects/featured/featured.css">
1919
<link rel="stylesheet" href="/src/components/modals/more-info-modal/more-info-modal.css">
20-
<link rel="stylesheet" href="/src/components/modals/warning-modal/warning-modal.css">
2120
<link rel="stylesheet" href="/src/components/modals/sunc-modal/sunc-modal.css">
2221
<link rel="stylesheet" href="/src/components/objects/cards/cards.css">
2322
<link rel="stylesheet" href="/src/components/modals/themes/themes.css">

‎index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,6 @@
2525
<link rel="stylesheet" href="/src/components/objects/promo/promo.css">
2626
<link rel="stylesheet" href="/src/components/objects/featured/featured.css">
2727
<link rel="stylesheet" href="/src/components/modals/more-info-modal/more-info-modal.css">
28-
<link rel="stylesheet" href="/src/components/modals/warning-modal/warning-modal.css">
2928
<link rel="stylesheet" href="/src/components/modals/sunc-modal/sunc-modal.css">
3029
<link rel="stylesheet" href="/src/components/objects/cards/cards.css">
3130
<link rel="stylesheet" href="/src/components/modals/themes/themes.css">

‎roblox.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@
1717
<link rel="stylesheet" href="/src/components/objects/promo/promo.css">
1818
<link rel="stylesheet" href="/src/components/objects/featured/featured.css">
1919
<link rel="stylesheet" href="/src/components/modals/more-info-modal/more-info-modal.css">
20-
<link rel="stylesheet" href="/src/components/modals/warning-modal/warning-modal.css">
2120
<link rel="stylesheet" href="/src/components/modals/sunc-modal/sunc-modal.css">
2221
<link rel="stylesheet" href="/src/components/objects/cards/cards.css">
2322
<link rel="stylesheet" href="/src/components/modals/themes/themes.css">

‎src/components/modals/more-info-modal/more-info-modal.css‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -629,6 +629,7 @@ body.has-video-background .info-modal {
629629
.info-modal-markdown blockquote.info-modal-callout.is-warning {
630630
--info-modal-callout-accent: #d29922;
631631
--info-modal-callout-accent-rgb: 210, 153, 34;
632+
font-size: 0.94rem;
632633
}
633634

634635
.info-modal-markdown blockquote.info-modal-callout.has-border {
@@ -679,17 +680,51 @@ body.has-video-background .info-modal {
679680
mask: url("/public/assets/icons/vectors/cards-info.svg") center / contain no-repeat;
680681
}
681682

683+
.info-modal-markdown .info-modal-callout-title .info-modal-callout-title-icon.is-warning {
684+
background-image: linear-gradient(to top, #d97706, #facc15);
685+
-webkit-mask: url("/public/assets/icons/vectors/filter-warning.svg") center / contain no-repeat;
686+
mask: url("/public/assets/icons/vectors/filter-warning.svg") center / contain no-repeat;
687+
}
688+
689+
.info-modal-markdown .info-modal-callout-title .info-modal-callout-title-icon.is-insecure {
690+
background-image: linear-gradient(to top, #dc2626, #f87171);
691+
-webkit-mask: url("/public/assets/icons/vectors/tag-insecure.svg") center / contain no-repeat;
692+
mask: url("/public/assets/icons/vectors/tag-insecure.svg") center / contain no-repeat;
693+
}
694+
682695
.info-modal-markdown blockquote.info-modal-callout.is-note .info-modal-callout-title {
683696
font-size: 0.9rem;
684697
}
685698

699+
.info-modal-markdown blockquote.info-modal-callout.is-warning .info-modal-callout-title {
700+
font-size: 0.9rem;
701+
}
702+
703+
.info-modal-markdown blockquote.info-modal-callout.is-insecure .info-modal-callout-title {
704+
font-size: 0.9rem;
705+
}
706+
686707
.info-modal-markdown blockquote.info-modal-callout.is-note .info-modal-callout-title i,
687708
.info-modal-markdown blockquote.info-modal-callout.is-note .info-modal-callout-title .info-modal-callout-title-icon {
688709
width: 0.9rem;
689710
height: 0.9rem;
690711
font-size: 0.9rem;
691712
}
692713

714+
.info-modal-markdown blockquote.info-modal-callout.is-warning .info-modal-callout-title i,
715+
.info-modal-markdown blockquote.info-modal-callout.is-warning .info-modal-callout-title .info-modal-callout-title-icon {
716+
width: 0.9rem;
717+
height: 0.9rem;
718+
font-size: 0.9rem;
719+
}
720+
721+
.info-modal-markdown blockquote.info-modal-callout.is-insecure .info-modal-callout-title i,
722+
.info-modal-markdown blockquote.info-modal-callout.is-insecure .info-modal-callout-title .info-modal-callout-title-icon {
723+
width: 0.9rem;
724+
height: 0.9rem;
725+
font-size: 0.9rem;
726+
}
727+
693728
.info-modal-markdown blockquote.info-modal-callout > p {
694729
margin: 0;
695730
}
@@ -856,6 +891,54 @@ body.has-video-background .info-modal {
856891
max-width: 30rem;
857892
}
858893

894+
.info-modal-container.is-warning-prompt .info-modal,
895+
.info-modal-container.is-insecure-prompt .info-modal {
896+
max-width: 30rem;
897+
}
898+
899+
.info-modal-container.is-warning-prompt .info-modal-content,
900+
.info-modal-container.is-insecure-prompt .info-modal-content {
901+
gap: 0;
902+
padding: 1rem 1.5rem 0.55rem;
903+
}
904+
905+
.info-modal-container.is-warning-prompt .info-modal-markdown,
906+
.info-modal-container.is-insecure-prompt .info-modal-markdown {
907+
background: transparent;
908+
border: 0;
909+
padding: 0;
910+
}
911+
912+
.info-modal-markdown blockquote.info-modal-callout.is-insecure {
913+
--info-modal-callout-accent: #f87171;
914+
--info-modal-callout-accent-rgb: 248, 113, 113;
915+
font-size: 0.94rem;
916+
}
917+
918+
.info-modal-container.is-warning-prompt .info-modal-markdown blockquote.info-modal-callout.is-warning,
919+
.info-modal-container.is-insecure-prompt .info-modal-markdown blockquote.info-modal-callout.is-insecure {
920+
margin-bottom: 0;
921+
}
922+
923+
.info-modal-container.is-warning-prompt .info-modal-footer,
924+
.info-modal-container.is-insecure-prompt .info-modal-footer {
925+
justify-content: flex-start;
926+
border-top: 0;
927+
background: transparent;
928+
padding: 0.55rem 1.5rem 1rem;
929+
}
930+
931+
.info-modal-container.is-warning-prompt .info-modal-website-btn,
932+
.info-modal-container.is-insecure-prompt .info-modal-website-btn {
933+
flex: 1 1 auto;
934+
}
935+
936+
.info-modal-container.is-warning-prompt .info-modal-close-btn,
937+
.info-modal-container.is-insecure-prompt .info-modal-close-btn {
938+
flex: 0 0 auto;
939+
padding-inline: 1rem;
940+
}
941+
859942
.info-modal-container.is-mirror-picker .info-modal-header {
860943
border-bottom: 0;
861944
padding: 1.25rem 1.5rem 0.75rem;
@@ -1038,27 +1121,81 @@ body.has-video-background .info-modal {
10381121
font-size: 0.72rem;
10391122
}
10401123

1124+
.info-modal-markdown blockquote.info-modal-callout.is-warning {
1125+
padding: 0.35rem 0 0.35rem 0.75rem;
1126+
margin-bottom: 0.75rem;
1127+
font-size: 0.72rem;
1128+
}
1129+
1130+
.info-modal-markdown blockquote.info-modal-callout.is-insecure {
1131+
padding: 0.35rem 0 0.35rem 0.75rem;
1132+
margin-bottom: 0.75rem;
1133+
font-size: 0.72rem;
1134+
}
1135+
10411136
.info-modal-markdown blockquote.info-modal-callout.is-note.has-border {
10421137
padding: 0.38rem 0.65rem 0.38rem 0.75rem;
10431138
}
10441139

1140+
.info-modal-markdown blockquote.info-modal-callout.is-warning.has-border {
1141+
padding: 0.38rem 0.65rem 0.38rem 0.75rem;
1142+
}
1143+
1144+
.info-modal-markdown blockquote.info-modal-callout.is-insecure.has-border {
1145+
padding: 0.38rem 0.65rem 0.38rem 0.75rem;
1146+
}
1147+
10451148
.info-modal-markdown blockquote.info-modal-callout.is-note .info-modal-callout-title {
10461149
gap: 0.35rem;
10471150
margin-bottom: 0.3rem;
10481151
font-size: 0.72rem;
10491152
}
10501153

1154+
.info-modal-markdown blockquote.info-modal-callout.is-warning .info-modal-callout-title {
1155+
gap: 0.35rem;
1156+
margin-bottom: 0.3rem;
1157+
font-size: 0.72rem;
1158+
}
1159+
1160+
.info-modal-markdown blockquote.info-modal-callout.is-insecure .info-modal-callout-title {
1161+
gap: 0.35rem;
1162+
margin-bottom: 0.3rem;
1163+
font-size: 0.72rem;
1164+
}
1165+
10511166
.info-modal-markdown blockquote.info-modal-callout.is-note .info-modal-callout-title i,
10521167
.info-modal-markdown blockquote.info-modal-callout.is-note .info-modal-callout-title .info-modal-callout-title-icon {
10531168
width: 0.72rem;
10541169
height: 0.72rem;
10551170
font-size: 0.72rem;
10561171
}
10571172

1173+
.info-modal-markdown blockquote.info-modal-callout.is-warning .info-modal-callout-title i,
1174+
.info-modal-markdown blockquote.info-modal-callout.is-warning .info-modal-callout-title .info-modal-callout-title-icon {
1175+
width: 0.72rem;
1176+
height: 0.72rem;
1177+
font-size: 0.72rem;
1178+
}
1179+
1180+
.info-modal-markdown blockquote.info-modal-callout.is-insecure .info-modal-callout-title i,
1181+
.info-modal-markdown blockquote.info-modal-callout.is-insecure .info-modal-callout-title .info-modal-callout-title-icon {
1182+
width: 0.72rem;
1183+
height: 0.72rem;
1184+
font-size: 0.72rem;
1185+
}
1186+
10581187
.info-modal-markdown blockquote.info-modal-callout.is-note > p + p {
10591188
margin-top: 0.5rem;
10601189
}
10611190

1191+
.info-modal-markdown blockquote.info-modal-callout.is-warning > p + p {
1192+
margin-top: 0.5rem;
1193+
}
1194+
1195+
.info-modal-markdown blockquote.info-modal-callout.is-insecure > p + p {
1196+
margin-top: 0.5rem;
1197+
}
1198+
10621199
.info-modal-footer {
10631200
padding: 0.9rem 1rem;
10641201
}

0 commit comments

Comments
 (0)