@digital-b2c/coreui-kit 0.4.6 → 0.5.1

package/dist/index.css

@@ -72,8 +72,8 @@ html {
   --font-size-lg: 1.25rem;
   --font-size-xl: 1.5rem;
   --font-size-2xl: 2rem;
-  --font-size-3xl: 2.25rem;
-  --font-size-4xl: 2.5rem;
+  --font-size-3xl: 2.5rem;
+  --font-size-4xl: 3rem;
   --line-height-normal: 1.5;
   --line-height-tight-1: 1.4;
   --line-height-tight-2: 1.33;
@@ -98,7 +98,7 @@ body {
 }
 h1,
 .h1 {
-  font-size: 2.5rem;
+  font-size: 3rem;
   font-weight: 600;
   line-height: 1.17;
 }
@@ -110,7 +110,7 @@ h1,
 }
 h2,
 .h2 {
-  font-size: 2.25rem;
+  font-size: 2.5rem;
   font-weight: 600;
   line-height: 1.2;
 }
@@ -174,6 +174,7 @@ small,
 a {
   color: var(--color-link);
   text-decoration: none;
+  cursor: pointer;
 }
 a:hover {
   text-decoration: underline;
@@ -719,6 +720,9 @@ a:hover {
 .CardCollection_module_card-collection.CardCollection_module_threeCols .CardCollection_module_cardWrapper {
   grid-template-columns: repeat(3, 1fr);
 }
+.CardCollection_module_card-collection.CardCollection_module_fourCols .CardCollection_module_cardWrapper {
+  grid-template-columns: repeat(4, 1fr);
+}
 .CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
   position: relative;
   display: flex;
@@ -1775,4 +1779,352 @@ article .UpcomingEventCard_module_text-content .UpcomingEventCard_module_descrip
 .EventList_module_section.EventList_module_grey .swiper-wrapper {
   flex-direction: row;
 }
+
+/* src/widgets/TextEvent/TextEvent.module.scss */
+html,
+body {
+  font-family: "Instrument Sans", sans-serif;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #4d4d4d;
+}
+h1,
+.TextEvent_module_h1 {
+  font-size: 3rem;
+  font-weight: 600;
+  line-height: 1.17;
+}
+@media (max-width: 768px) {
+  h1,
+  .TextEvent_module_h1 {
+    font-size: 2rem;
+  }
+}
+h2,
+.TextEvent_module_h2 {
+  font-size: 2.5rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+@media (max-width: 768px) {
+  h2,
+  .TextEvent_module_h2 {
+    font-size: 1.5rem;
+  }
+}
+h3,
+.TextEvent_module_h3,
+.TextEvent_module_textEvent .TextEvent_module_richText h2 {
+  font-size: 2rem;
+  font-weight: 600;
+  line-height: 1.25;
+}
+@media (max-width: 768px) {
+  h3,
+  .TextEvent_module_h3,
+  .TextEvent_module_textEvent .TextEvent_module_richText h2 {
+    font-size: 1.25rem;
+  }
+}
+h4,
+.TextEvent_module_h4 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.33;
+}
+@media (max-width: 768px) {
+  h4,
+  .TextEvent_module_h4 {
+    font-size: 18px;
+  }
+}
+.TextEvent_module_subheading,
+.TextEvent_module_textEvent .TextEvent_module_richText p,
+.TextEvent_module_textEvent .TextEvent_module_richText h3,
+.TextEvent_module_textEvent .TextEvent_module_richText td {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  .TextEvent_module_subheading,
+  .TextEvent_module_textEvent .TextEvent_module_richText p,
+  .TextEvent_module_textEvent .TextEvent_module_richText h3,
+  .TextEvent_module_textEvent .TextEvent_module_richText td {
+    font-size: 18px;
+  }
+}
+p,
+.TextEvent_module_body {
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+small,
+.TextEvent_module_small {
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+.TextEvent_module_smallest {
+  font-size: 0.75rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+a {
+  color: var(--color-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+a:hover {
+  text-decoration: underline;
+}
+.TextEvent_module_textEvent {
+  width: 100%;
+  padding: var(--spacing-3xl) var(--spacing-7xl);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent {
+    padding: var(--spacing-lg) var(--spacing-md);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_title {
+  margin-bottom: var(--spacing-xl);
+  color: var(--color-black);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_title {
+    font-size: var(--font-size-xl);
+    margin-bottom: var(--spacing-lg);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText p {
+  margin-bottom: var(--spacing-xl);
+  color: var(--color-gray);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText p {
+    font-size: var(--font-size-md);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText p:first-child {
+  line-height: 140%;
+  margin-bottom: var(--spacing-xl);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText p:last-child {
+  margin-bottom: 0;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText p:empty {
+  display: none;
+  margin: 0;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText a {
+  font-weight: var(--font-weight-medium);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText strong {
+  color: var(--color-black);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText h2 {
+  margin-bottom: var(--spacing-xl);
+  color: var(--color-black);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText h3 {
+  margin-bottom: var(--spacing-lg);
+  color: var(--color-gray);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText h3 {
+    font-size: var(--font-size-md);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText br {
+  display: block;
+  content: "";
+  margin-bottom: var(--spacing-sm);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: var(--spacing-xl);
+}
+.TextEvent_module_textEvent .TextEvent_module_richText table:last-child {
+  margin-bottom: 0 !important;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText tr {
+  border-bottom: 1px solid transparent;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText td {
+  padding-bottom: var(--spacing-lg);
+  vertical-align: top;
+  color: var(--color-black);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText td {
+    font-size: var(--font-size-md);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText td:first-child {
+  width: 17.5625rem;
+  text-align: right;
+  padding-right: var(--spacing-xl);
+  white-space: nowrap;
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText td:first-child {
+    padding: var(--spacing-lg) 0;
+    width: unset;
+    text-align: left;
+    padding-right: var(--spacing-lg);
+    white-space: normal;
+    border-bottom: 1px solid #e3e3e3;
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText td:last-child {
+  border-left: 1px solid #e3e3e3;
+  padding-left: var(--spacing-xl);
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText td:last-child {
+    border-left: unset;
+    padding: 0.5rem 0;
+    border-bottom: 1px solid #e3e3e3;
+    text-align: left;
+    padding-left: var(--spacing-lg);
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText tbody tr:last-child td {
+  padding-bottom: 0 !important;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: auto;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:first-child {
+  padding-top: 14px;
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:first-child {
+    padding-top: 0px;
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:last-child {
+  padding-top: 14px;
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr:first-child td:last-child {
+    padding-top: 0px;
+  }
+}
+.TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:first-child {
+  text-align: right;
+}
+.TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:last-child {
+  text-align: left;
+  border-left: 1px solid #e3e3e3;
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td:last-child {
+    border-left: unset;
+  }
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table tr {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    border-bottom: 1px solid #e3e3e3;
+    column-gap: 32px;
+    align-items: center;
+    padding: 8px 0;
+  }
+}
+@media (max-width: 768px) {
+  .TextEvent_module_textEvent .TextEvent_module_richText.TextEvent_module_table-center table td {
+    font-size: 1.125rem;
+    padding: 0;
+    border: none !important;
+    width: auto;
+  }
+}
+
+/* src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss */
+.TextCenterCtaInBottom_module_textCenterCta {
+  display: block;
+  width: 100%;
+  background-color: var(--color-white);
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-3xl) var(--spacing-7xl);
+  gap: var(--spacing-xl);
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  max-width: 866px;
+  gap: var(--spacing-xl);
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
+  font-size: var(--font-size-xl);
+  font-weight: 600;
+  line-height: var(--line-height-tight-2);
+  color: var(--color-black);
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
+  font-size: var(--font-size-lg);
+  font-weight: 500;
+  line-height: var(--line-height-tight-1);
+  color: var(--color-neutral-700);
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
+  display: flex;
+  gap: var(--spacing-md);
+}
+@media (max-width: 768px) {
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
+    display: grid;
+    gap: var(--spacing-sm);
+  }
+}
+@media (max-width: 768px) {
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper.TextCenterCtaInBottom_module_iconOnly {
+    display: flex;
+    justify-content: center;
+  }
+}
+.TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta img {
+  height: var(--font-size-xs);
+  width: var(--font-size-xs);
+}
+@media (max-width: 768px) {
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
+    padding: var(--spacing-lg) var(--spacing-md);
+    gap: var(--spacing-md);
+  }
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
+    max-width: 343px;
+    gap: var(--spacing-md);
+  }
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
+    font-size: var(--font-size-lg);
+    line-height: var(--line-height-tight-3);
+  }
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
+    font-size: 18px;
+    line-height: var(--line-height-normal);
+  }
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta {
+    width: 100%;
+  }
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_iconOnly .TextCenterCtaInBottom_module_cta {
+    width: auto;
+  }
+}
 /*# sourceMappingURL=index.css.map */