Sync styleguide 2026.05.18.1

2026-06-03 16:25:03 +02:00
parent 70272e81d6
commit 543d3e5af5
66 changed files with 22706 additions and 0 deletions
@@ -0,0 +1,108 @@
+/* ========================================================= */
+/* Layouts: VSF List Detailseite                             */
+/* ========================================================= */
+
+.sg-vsf-list-detail-page {
+  display: flex;
+  flex-direction: column;
+}
+
+.sg-vsf-list-detail-page > * + * {
+  margin-top: var(--spacing-large);
+}
+
+.sg-vsf-list-detail-page > .sg-options-row {
+  margin-top: var(--spacing-large);
+}
+
+.sg-vsf-list-detail-page > .sg-vsf-list-detail-page__intro-block {
+  margin-top: var(--spacing-large);
+}
+
+.sg-vsf-list-detail-page__intro-block {
+  display: flex;
+  flex-direction: column;
+}
+
+.sg-vsf-list-detail-page__intro-block .sg-vsf-list-detail-page__title,
+.sg-vsf-list-detail-page__intro-block .sg-text-layout-pattern__sample--sixty-width {
+  color: var(--color-font-light);
+}
+
+.sg-vsf-list-detail-page__intro-block .sg-text-layout-pattern__sample--sixty-width {
+  width: min(60vw, 100%);
+}
+
+.sg-vsf-list-detail-page__content {
+  display: flex;
+  gap: var(--spacing-small);
+  width: 100%;
+}
+
+.sg-vsf-list-detail-page__left-column {
+  width: 30%;
+  min-width: 30%;
+}
+
+.sg-vsf-list-detail-page__right-column {
+  width: 70%;
+  min-width: 0;
+}
+
+.sg-vsf-list-detail-page__left-column .sg-group-card {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.sg-vsf-list-detail-page__left-column .sg-group-card > .sg-card {
+  flex: 0 0 100%;
+  width: 100%;
+}
+
+.sg-vsf-list-detail-page__notification-card.sg-vsf-list-detail-page__notification-card--hidden {
+  display: none;
+}
+
+.sg-vsf-list-detail-page__meldungen-overlay-pattern {
+  max-width: 100%;
+}
+
+.sg-vsf-list-detail-page__meldungen-overlay-pattern .sg-delete-confirmation-pattern__floating-card {
+  top: calc(var(--spacing-large) * 5);
+  transform: translateX(-50%);
+}
+
+.sg-vsf-list-detail-page__mobile-toggle {
+  display: none;
+}
+
+@media (max-width: 767px) {
+  .sg-vsf-list-detail-page__intro-block .sg-text-layout-pattern__sample--sixty-width {
+    width: 100%;
+  }
+
+  .sg-vsf-list-detail-page__content {
+    display: block;
+  }
+
+  .sg-vsf-list-detail-page__left-column {
+    width: 100%;
+    min-width: 0;
+  }
+
+  .sg-vsf-list-detail-page__right-column {
+    width: 100%;
+  }
+
+  .sg-vsf-list-detail-page__left-column .sg-group-card,
+  .sg-vsf-list-detail-page__right-column .sg-group-card {
+    margin-bottom: var(--spacing-large);
+  }
+
+  .sg-vsf-list-detail-page__mobile-toggle {
+    display: inline-flex;
+    width: 100%;
+    margin-bottom: var(--spacing-large);
+  }
+}