@igo2/sdg-core 1.0.0-next.100

package/src/layout/bootstrap-layout.scss

@@ -0,0 +1,1067 @@
+/** Auto-compiled file **/ 
+ .container,
+.container-fluid,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm,
+.container-xs {
+  --bs-gutter-x: 2rem;
+  --bs-gutter-y: 0;
+  width: 100%;
+  padding-right: calc(var(--bs-gutter-x) * 0.5);
+  padding-left: calc(var(--bs-gutter-x) * 0.5);
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.container {
+  max-width: 559px;
+}
+
+.row {
+  --bs-gutter-x: 2rem;
+  --bs-gutter-y: 0;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: calc(-1 * var(--bs-gutter-y));
+  margin-right: calc(-0.5 * var(--bs-gutter-x));
+  margin-left: calc(-0.5 * var(--bs-gutter-x));
+}
+
+.row > * {
+  flex-shrink: 0;
+  width: 100%;
+  max-width: 100%;
+  padding-right: calc(var(--bs-gutter-x) * 0.5);
+  padding-left: calc(var(--bs-gutter-x) * 0.5);
+  margin-top: var(--bs-gutter-y);
+}
+
+.col {
+  flex: 1 0 0;
+}
+
+.row-cols-auto > * {
+  flex: 0 0 auto;
+  width: auto;
+}
+
+.row-cols-1 > * {
+  flex: 0 0 auto;
+  width: 100%;
+}
+
+.row-cols-2 > * {
+  flex: 0 0 auto;
+  width: 50%;
+}
+
+.row-cols-3 > * {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+}
+
+.row-cols-4 > * {
+  flex: 0 0 auto;
+  width: 25%;
+}
+
+.row-cols-5 > * {
+  flex: 0 0 auto;
+  width: 20%;
+}
+
+.row-cols-6 > * {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+}
+
+.col-auto {
+  flex: 0 0 auto;
+  width: auto;
+}
+
+.col-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+}
+
+.col-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+}
+
+.col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+}
+
+.col-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+}
+
+.col-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+}
+
+.col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+}
+
+.col-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+}
+
+.col-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+}
+
+.col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+}
+
+.col-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+}
+
+.col-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+}
+
+.col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+}
+
+.d-flex {
+  display: flex !important;
+}
+
+.flex-fill {
+  flex: 1 1 auto !important;
+}
+
+.flex-row {
+  flex-direction: row !important;
+}
+
+.flex-column {
+  flex-direction: column !important;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+  flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+  flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+  flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
+
+.row-gap-0 {
+  row-gap: 0 !important;
+}
+
+.row-gap-1 {
+  row-gap: 0.25rem !important;
+}
+
+.row-gap-2 {
+  row-gap: 0.5rem !important;
+}
+
+.row-gap-3 {
+  row-gap: 1rem !important;
+}
+
+.row-gap-4 {
+  row-gap: 1.5rem !important;
+}
+
+.row-gap-5 {
+  row-gap: 3rem !important;
+}
+
+.column-gap-0 {
+  column-gap: 0 !important;
+}
+
+.column-gap-1 {
+  column-gap: 0.25rem !important;
+}
+
+.column-gap-2 {
+  column-gap: 0.5rem !important;
+}
+
+.column-gap-3 {
+  column-gap: 1rem !important;
+}
+
+.column-gap-4 {
+  column-gap: 1.5rem !important;
+}
+
+.column-gap-5 {
+  column-gap: 3rem !important;
+}
+
+@media (min-width: 576px) {
+  .container-sm, .container {
+      max-width: 560px;
+    }
+
+  .col-sm {
+      flex: 1 0 0;
+    }
+
+  .row-cols-sm-auto > * {
+      flex: 0 0 auto;
+      width: auto;
+    }
+
+  .row-cols-sm-1 > * {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+
+  .row-cols-sm-2 > * {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+
+  .row-cols-sm-3 > * {
+      flex: 0 0 auto;
+      width: 33.33333333%;
+    }
+
+  .row-cols-sm-4 > * {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+
+  .row-cols-sm-5 > * {
+      flex: 0 0 auto;
+      width: 20%;
+    }
+
+  .row-cols-sm-6 > * {
+      flex: 0 0 auto;
+      width: 16.66666667%;
+    }
+
+  .col-sm-auto {
+      flex: 0 0 auto;
+      width: auto;
+    }
+
+  .col-sm-1 {
+      flex: 0 0 auto;
+      width: 8.33333333%;
+    }
+
+  .col-sm-2 {
+      flex: 0 0 auto;
+      width: 16.66666667%;
+    }
+
+  .col-sm-3 {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+
+  .col-sm-4 {
+      flex: 0 0 auto;
+      width: 33.33333333%;
+    }
+
+  .col-sm-5 {
+      flex: 0 0 auto;
+      width: 41.66666667%;
+    }
+
+  .col-sm-6 {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+
+  .col-sm-7 {
+      flex: 0 0 auto;
+      width: 58.33333333%;
+    }
+
+  .col-sm-8 {
+      flex: 0 0 auto;
+      width: 66.66666667%;
+    }
+
+  .col-sm-9 {
+      flex: 0 0 auto;
+      width: 75%;
+    }
+
+  .col-sm-10 {
+      flex: 0 0 auto;
+      width: 83.33333333%;
+    }
+
+  .col-sm-11 {
+      flex: 0 0 auto;
+      width: 91.66666667%;
+    }
+
+  .col-sm-12 {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+
+  .flex-sm-fill {
+      flex: 1 1 auto !important;
+    }
+
+  .flex-sm-row {
+      flex-direction: row !important;
+    }
+
+  .flex-sm-column {
+      flex-direction: column !important;
+    }
+
+  .flex-sm-row-reverse {
+      flex-direction: row-reverse !important;
+    }
+
+  .flex-sm-column-reverse {
+      flex-direction: column-reverse !important;
+    }
+
+  .flex-sm-grow-0 {
+      flex-grow: 0 !important;
+    }
+
+  .flex-sm-grow-1 {
+      flex-grow: 1 !important;
+    }
+
+  .flex-sm-shrink-0 {
+      flex-shrink: 0 !important;
+    }
+
+  .flex-sm-shrink-1 {
+      flex-shrink: 1 !important;
+    }
+
+  .flex-sm-wrap {
+      flex-wrap: wrap !important;
+    }
+
+  .flex-sm-nowrap {
+      flex-wrap: nowrap !important;
+    }
+
+  .flex-sm-wrap-reverse {
+      flex-wrap: wrap-reverse !important;
+    }
+
+  .row-gap-sm-0 {
+      row-gap: 0 !important;
+    }
+
+  .row-gap-sm-1 {
+      row-gap: 0.25rem !important;
+    }
+
+  .row-gap-sm-2 {
+      row-gap: 0.5rem !important;
+    }
+
+  .row-gap-sm-3 {
+      row-gap: 1rem !important;
+    }
+
+  .row-gap-sm-4 {
+      row-gap: 1.5rem !important;
+    }
+
+  .row-gap-sm-5 {
+      row-gap: 3rem !important;
+    }
+
+  .column-gap-sm-0 {
+      column-gap: 0 !important;
+    }
+
+  .column-gap-sm-1 {
+      column-gap: 0.25rem !important;
+    }
+
+  .column-gap-sm-2 {
+      column-gap: 0.5rem !important;
+    }
+
+  .column-gap-sm-3 {
+      column-gap: 1rem !important;
+    }
+
+  .column-gap-sm-4 {
+      column-gap: 1.5rem !important;
+    }
+
+  .column-gap-sm-5 {
+      column-gap: 3rem !important;
+    }
+}
+
+@media (min-width: 768px) {
+  .container-md, .container-sm, .container {
+      max-width: 744px;
+    }
+
+  .col-md {
+      flex: 1 0 0;
+    }
+
+  .row-cols-md-auto > * {
+      flex: 0 0 auto;
+      width: auto;
+    }
+
+  .row-cols-md-1 > * {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+
+  .row-cols-md-2 > * {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+
+  .row-cols-md-3 > * {
+      flex: 0 0 auto;
+      width: 33.33333333%;
+    }
+
+  .row-cols-md-4 > * {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+
+  .row-cols-md-5 > * {
+      flex: 0 0 auto;
+      width: 20%;
+    }
+
+  .row-cols-md-6 > * {
+      flex: 0 0 auto;
+      width: 16.66666667%;
+    }
+
+  .col-md-auto {
+      flex: 0 0 auto;
+      width: auto;
+    }
+
+  .col-md-1 {
+      flex: 0 0 auto;
+      width: 8.33333333%;
+    }
+
+  .col-md-2 {
+      flex: 0 0 auto;
+      width: 16.66666667%;
+    }
+
+  .col-md-3 {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+
+  .col-md-4 {
+      flex: 0 0 auto;
+      width: 33.33333333%;
+    }
+
+  .col-md-5 {
+      flex: 0 0 auto;
+      width: 41.66666667%;
+    }
+
+  .col-md-6 {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+
+  .col-md-7 {
+      flex: 0 0 auto;
+      width: 58.33333333%;
+    }
+
+  .col-md-8 {
+      flex: 0 0 auto;
+      width: 66.66666667%;
+    }
+
+  .col-md-9 {
+      flex: 0 0 auto;
+      width: 75%;
+    }
+
+  .col-md-10 {
+      flex: 0 0 auto;
+      width: 83.33333333%;
+    }
+
+  .col-md-11 {
+      flex: 0 0 auto;
+      width: 91.66666667%;
+    }
+
+  .col-md-12 {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+
+  .flex-md-fill {
+      flex: 1 1 auto !important;
+    }
+
+  .flex-md-row {
+      flex-direction: row !important;
+    }
+
+  .flex-md-column {
+      flex-direction: column !important;
+    }
+
+  .flex-md-row-reverse {
+      flex-direction: row-reverse !important;
+    }
+
+  .flex-md-column-reverse {
+      flex-direction: column-reverse !important;
+    }
+
+  .flex-md-grow-0 {
+      flex-grow: 0 !important;
+    }
+
+  .flex-md-grow-1 {
+      flex-grow: 1 !important;
+    }
+
+  .flex-md-shrink-0 {
+      flex-shrink: 0 !important;
+    }
+
+  .flex-md-shrink-1 {
+      flex-shrink: 1 !important;
+    }
+
+  .flex-md-wrap {
+      flex-wrap: wrap !important;
+    }
+
+  .flex-md-nowrap {
+      flex-wrap: nowrap !important;
+    }
+
+  .flex-md-wrap-reverse {
+      flex-wrap: wrap-reverse !important;
+    }
+
+  .row-gap-md-0 {
+      row-gap: 0 !important;
+    }
+
+  .row-gap-md-1 {
+      row-gap: 0.25rem !important;
+    }
+
+  .row-gap-md-2 {
+      row-gap: 0.5rem !important;
+    }
+
+  .row-gap-md-3 {
+      row-gap: 1rem !important;
+    }
+
+  .row-gap-md-4 {
+      row-gap: 1.5rem !important;
+    }
+
+  .row-gap-md-5 {
+      row-gap: 3rem !important;
+    }
+
+  .column-gap-md-0 {
+      column-gap: 0 !important;
+    }
+
+  .column-gap-md-1 {
+      column-gap: 0.25rem !important;
+    }
+
+  .column-gap-md-2 {
+      column-gap: 0.5rem !important;
+    }
+
+  .column-gap-md-3 {
+      column-gap: 1rem !important;
+    }
+
+  .column-gap-md-4 {
+      column-gap: 1.5rem !important;
+    }
+
+  .column-gap-md-5 {
+      column-gap: 3rem !important;
+    }
+}
+
+@media (min-width: 992px) {
+  .container-lg, .container-md, .container-sm, .container {
+      max-width: 968px;
+    }
+
+  .col-lg {
+      flex: 1 0 0;
+    }
+
+  .row-cols-lg-auto > * {
+      flex: 0 0 auto;
+      width: auto;
+    }
+
+  .row-cols-lg-1 > * {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+
+  .row-cols-lg-2 > * {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+
+  .row-cols-lg-3 > * {
+      flex: 0 0 auto;
+      width: 33.33333333%;
+    }
+
+  .row-cols-lg-4 > * {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+
+  .row-cols-lg-5 > * {
+      flex: 0 0 auto;
+      width: 20%;
+    }
+
+  .row-cols-lg-6 > * {
+      flex: 0 0 auto;
+      width: 16.66666667%;
+    }
+
+  .col-lg-auto {
+      flex: 0 0 auto;
+      width: auto;
+    }
+
+  .col-lg-1 {
+      flex: 0 0 auto;
+      width: 8.33333333%;
+    }
+
+  .col-lg-2 {
+      flex: 0 0 auto;
+      width: 16.66666667%;
+    }
+
+  .col-lg-3 {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+
+  .col-lg-4 {
+      flex: 0 0 auto;
+      width: 33.33333333%;
+    }
+
+  .col-lg-5 {
+      flex: 0 0 auto;
+      width: 41.66666667%;
+    }
+
+  .col-lg-6 {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+
+  .col-lg-7 {
+      flex: 0 0 auto;
+      width: 58.33333333%;
+    }
+
+  .col-lg-8 {
+      flex: 0 0 auto;
+      width: 66.66666667%;
+    }
+
+  .col-lg-9 {
+      flex: 0 0 auto;
+      width: 75%;
+    }
+
+  .col-lg-10 {
+      flex: 0 0 auto;
+      width: 83.33333333%;
+    }
+
+  .col-lg-11 {
+      flex: 0 0 auto;
+      width: 91.66666667%;
+    }
+
+  .col-lg-12 {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+
+  .flex-lg-fill {
+      flex: 1 1 auto !important;
+    }
+
+  .flex-lg-row {
+      flex-direction: row !important;
+    }
+
+  .flex-lg-column {
+      flex-direction: column !important;
+    }
+
+  .flex-lg-row-reverse {
+      flex-direction: row-reverse !important;
+    }
+
+  .flex-lg-column-reverse {
+      flex-direction: column-reverse !important;
+    }
+
+  .flex-lg-grow-0 {
+      flex-grow: 0 !important;
+    }
+
+  .flex-lg-grow-1 {
+      flex-grow: 1 !important;
+    }
+
+  .flex-lg-shrink-0 {
+      flex-shrink: 0 !important;
+    }
+
+  .flex-lg-shrink-1 {
+      flex-shrink: 1 !important;
+    }
+
+  .flex-lg-wrap {
+      flex-wrap: wrap !important;
+    }
+
+  .flex-lg-nowrap {
+      flex-wrap: nowrap !important;
+    }
+
+  .flex-lg-wrap-reverse {
+      flex-wrap: wrap-reverse !important;
+    }
+
+  .row-gap-lg-0 {
+      row-gap: 0 !important;
+    }
+
+  .row-gap-lg-1 {
+      row-gap: 0.25rem !important;
+    }
+
+  .row-gap-lg-2 {
+      row-gap: 0.5rem !important;
+    }
+
+  .row-gap-lg-3 {
+      row-gap: 1rem !important;
+    }
+
+  .row-gap-lg-4 {
+      row-gap: 1.5rem !important;
+    }
+
+  .row-gap-lg-5 {
+      row-gap: 3rem !important;
+    }
+
+  .column-gap-lg-0 {
+      column-gap: 0 !important;
+    }
+
+  .column-gap-lg-1 {
+      column-gap: 0.25rem !important;
+    }
+
+  .column-gap-lg-2 {
+      column-gap: 0.5rem !important;
+    }
+
+  .column-gap-lg-3 {
+      column-gap: 1rem !important;
+    }
+
+  .column-gap-lg-4 {
+      column-gap: 1.5rem !important;
+    }
+
+  .column-gap-lg-5 {
+      column-gap: 3rem !important;
+    }
+}
+
+@media (min-width: 1200px) {
+  .container-xl, .container-lg, .container-md, .container-sm, .container {
+      max-width: 1168px;
+    }
+
+  .col-xl {
+      flex: 1 0 0;
+    }
+
+  .row-cols-xl-auto > * {
+      flex: 0 0 auto;
+      width: auto;
+    }
+
+  .row-cols-xl-1 > * {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+
+  .row-cols-xl-2 > * {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+
+  .row-cols-xl-3 > * {
+      flex: 0 0 auto;
+      width: 33.33333333%;
+    }
+
+  .row-cols-xl-4 > * {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+
+  .row-cols-xl-5 > * {
+      flex: 0 0 auto;
+      width: 20%;
+    }
+
+  .row-cols-xl-6 > * {
+      flex: 0 0 auto;
+      width: 16.66666667%;
+    }
+
+  .col-xl-auto {
+      flex: 0 0 auto;
+      width: auto;
+    }
+
+  .col-xl-1 {
+      flex: 0 0 auto;
+      width: 8.33333333%;
+    }
+
+  .col-xl-2 {
+      flex: 0 0 auto;
+      width: 16.66666667%;
+    }
+
+  .col-xl-3 {
+      flex: 0 0 auto;
+      width: 25%;
+    }
+
+  .col-xl-4 {
+      flex: 0 0 auto;
+      width: 33.33333333%;
+    }
+
+  .col-xl-5 {
+      flex: 0 0 auto;
+      width: 41.66666667%;
+    }
+
+  .col-xl-6 {
+      flex: 0 0 auto;
+      width: 50%;
+    }
+
+  .col-xl-7 {
+      flex: 0 0 auto;
+      width: 58.33333333%;
+    }
+
+  .col-xl-8 {
+      flex: 0 0 auto;
+      width: 66.66666667%;
+    }
+
+  .col-xl-9 {
+      flex: 0 0 auto;
+      width: 75%;
+    }
+
+  .col-xl-10 {
+      flex: 0 0 auto;
+      width: 83.33333333%;
+    }
+
+  .col-xl-11 {
+      flex: 0 0 auto;
+      width: 91.66666667%;
+    }
+
+  .col-xl-12 {
+      flex: 0 0 auto;
+      width: 100%;
+    }
+
+  .flex-xl-fill {
+      flex: 1 1 auto !important;
+    }
+
+  .flex-xl-row {
+      flex-direction: row !important;
+    }
+
+  .flex-xl-column {
+      flex-direction: column !important;
+    }
+
+  .flex-xl-row-reverse {
+      flex-direction: row-reverse !important;
+    }
+
+  .flex-xl-column-reverse {
+      flex-direction: column-reverse !important;
+    }
+
+  .flex-xl-grow-0 {
+      flex-grow: 0 !important;
+    }
+
+  .flex-xl-grow-1 {
+      flex-grow: 1 !important;
+    }
+
+  .flex-xl-shrink-0 {
+      flex-shrink: 0 !important;
+    }
+
+  .flex-xl-shrink-1 {
+      flex-shrink: 1 !important;
+    }
+
+  .flex-xl-wrap {
+      flex-wrap: wrap !important;
+    }
+
+  .flex-xl-nowrap {
+      flex-wrap: nowrap !important;
+    }
+
+  .flex-xl-wrap-reverse {
+      flex-wrap: wrap-reverse !important;
+    }
+
+  .row-gap-xl-0 {
+      row-gap: 0 !important;
+    }
+
+  .row-gap-xl-1 {
+      row-gap: 0.25rem !important;
+    }
+
+  .row-gap-xl-2 {
+      row-gap: 0.5rem !important;
+    }
+
+  .row-gap-xl-3 {
+      row-gap: 1rem !important;
+    }
+
+  .row-gap-xl-4 {
+      row-gap: 1.5rem !important;
+    }
+
+  .row-gap-xl-5 {
+      row-gap: 3rem !important;
+    }
+
+  .column-gap-xl-0 {
+      column-gap: 0 !important;
+    }
+
+  .column-gap-xl-1 {
+      column-gap: 0.25rem !important;
+    }
+
+  .column-gap-xl-2 {
+      column-gap: 0.5rem !important;
+    }
+
+  .column-gap-xl-3 {
+      column-gap: 1rem !important;
+    }
+
+  .column-gap-xl-4 {
+      column-gap: 1.5rem !important;
+    }
+
+  .column-gap-xl-5 {
+      column-gap: 3rem !important;
+    }
+}