@digital-b2c/coreui-kit 0.16.3 → 0.17.0

package/dist/index.css

@@ -481,6 +481,35 @@ a:hover {
   border-width: 1px 1px 0 1px;
   border-color: var(--color-light-gray-2);
 }
+.Button_module_button.Button_module_textmenu {
+  justify-content: flex-start;
+  width: fit-content;
+  padding: 0;
+  color: var(--color-black);
+  letter-spacing: -0.2px;
+  border-radius: 0;
+  background: transparent;
+  border: none;
+}
+@media (max-width: 768px) {
+  .Button_module_button.Button_module_textmenu {
+    letter-spacing: 0;
+  }
+}
+.Button_module_button.Button_module_textmenu:hover,
+.Button_module_button.Button_module_textmenu:active,
+.Button_module_button.Button_module_textmenu:focus-visible {
+  background: transparent;
+}
+.Button_module_button.Button_module_textmenu:hover,
+.Button_module_button.Button_module_textmenu:focus-visible {
+  text-decoration: underline;
+  text-underline-position: from-font;
+}
+.Button_module_button.Button_module_textmenu:focus-visible {
+  outline: 3px solid var(--color-link);
+  outline-offset: 4px;
+}
 .Button_module_button .Button_module_icon,
 .Button_module_button .Button_module_logo {
   width: 24px;
@@ -6653,4 +6682,59 @@ a:hover {
     opacity: 1;
   }
 }
+
+/* src/widgets/TwoColTextMenu/TwoColTextMenu.module.scss */
+.TwoColTextMenu_module_two-col-text-menu {
+  display: block;
+  width: 100%;
+  background-color: var(--color-white);
+}
+.TwoColTextMenu_module_container {
+  display: flex;
+  justify-content: center;
+}
+.TwoColTextMenu_module_grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  column-gap: clamp(48px, 12vw, 160px);
+  row-gap: var(--spacing-xl);
+  width: 100%;
+  max-width: 778px;
+}
+@media (max-width: 768px) {
+  .TwoColTextMenu_module_grid {
+    grid-template-columns: minmax(0, 1fr);
+    row-gap: var(--spacing-4xl);
+  }
+}
+.TwoColTextMenu_module_section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  min-width: 0;
+}
+.TwoColTextMenu_module_heading {
+  display: flex;
+  align-items: center;
+  padding-bottom: var(--spacing-sm);
+  border-bottom: 1px solid var(--color-light-gray-2);
+}
+.TwoColTextMenu_module_title {
+  margin: 0;
+  color: var(--color-black);
+  letter-spacing: -0.24px;
+}
+@media (max-width: 768px) {
+  .TwoColTextMenu_module_title {
+    letter-spacing: -0.18px;
+  }
+}
+.TwoColTextMenu_module_list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
 /*# sourceMappingURL=index.css.map */