decidim-theme 0.1.4

data/app/packs/stylesheets/decidim/theme/reset/_data-consent.scss

@@ -0,0 +1,133 @@
+#dc-dialog-wrapper {
+  z-index: 1000000;
+  button#dc-dialog-reject,
+  #dc-dialog-accept {
+    min-width: 110px;
+    max-width: 50%;
+  }
+  .dc-dialog {
+    position: fixed;
+    background-color: $white;
+    bottom: 0;
+    width: 100%;
+
+    @include breakpoint(large) {
+      width: unset;
+    }
+
+    .dc-button-wrapper {
+      flex-direction: column;
+      margin: 1rem 0;
+      flex-wrap: wrap;
+      gap: 0.5rem;
+      > * {
+        width: 100%;
+        margin: 0;
+      }
+
+      @include breakpoint(medium) {
+        flex-direction: row;
+
+        > * {
+          width: unset;
+          margin: 0 1rem;
+        }
+      }
+
+      @include breakpoint(large) {
+        justify-content: flex-end;
+      }
+    }
+  }
+}
+
+#dc-modal {
+  background-color: $white;
+
+  .category-wrapper {
+    background-color: $light-gray;
+    padding: 0.2rem;
+
+    .category-row {
+      position: relative;
+      justify-content: space-between;
+
+      .dc-title {
+        &::before {
+          border: solid #2d4156;
+          border-width: 0 2px 2px 0;
+          padding: 0.2em;
+          display: inline-block;
+          content: "";
+          margin-right: 15px;
+          position: absolute;
+          left: 1.2em;
+          top: 50%;
+          transform: translateY(-50%) rotate(45deg);
+        }
+
+        &.open {
+          &::before {
+            transform: translateY(-50%) rotate(225deg);
+          }
+        }
+      }
+
+      .dc-switch {
+        padding: 0.5rem 0 0;
+      }
+    }
+
+    .dataconsent-details-wrapper {
+      .detail-titles {
+        border-bottom: 1px solid $medium-gray;
+
+        > * {
+          font-weight: 600;
+        }
+      }
+
+      .dataconsent-detail-row {
+        font-size: 0.6rem;
+      }
+    }
+  }
+
+  .dc-buttons-wrapper {
+    justify-content: space-between;
+  }
+}
+
+.disabled-iframe {
+  background-color: $light-gray;
+  border: 1px solid $medium-gray;
+  cursor: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  max-height: 20rem;
+
+  &.ql-video {
+    display: flex;
+  }
+}
+
+.dataconsent-warning {
+  flex-direction: column;
+  font-size: 2rem;
+  font-weight: $global-weight-bold;
+}
+
+.dc-categories button.dc-title.padding-left-3 {
+  padding-left: 3rem !important;
+}
+.dc-categories .dc-buttons-left {
+  width: 100%;
+  display: flex;
+  gap: 2rem;
+  flex-direction: row-reverse;
+}
+.dc-categories button#dc-modal-save {
+  min-width: 156px;
+}

data/app/packs/stylesheets/decidim/theme/reset/_data-picker.scss

@@ -0,0 +1,243 @@
+#data_picker-title.h2 {
+  @extend .body-2;
+}
+
+.data-picker {
+  margin: 0 0 $global-margin;
+
+  &.picker-single .picker-values div a,
+  .picker-prompt a {
+    background: white;
+    cursor: pointer;
+    display: block;
+    width: 100%;
+    padding: 0.4rem 0.7rem;
+    outline: $input-outline;
+    border: 1px solid #e8e8e8;
+    border-radius: 8px;
+
+    box-shadow: unset;
+    -webkit-box-shadow: unset;
+    color: var(--emphasis-med) !important;
+    &:hover {
+      text-decoration: none !important;
+    }
+    &:active,
+    &:focus {
+      outline: $input-outline-focus;
+      outline-color: var(--primary);
+      outline-offset: $input-outline-offset;
+      border: 1px solid var(--black-6);
+      background-color: #fff;
+      box-shadow: 0 0 5px #adadad;
+      -webkit-box-shadow: 0 0 5px #adadad;
+      transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
+      -webkit-transition: border-color 0.25s ease-in-out,
+        -webkit-box-shadow 0.5s;
+    }
+
+    &::after {
+      display: block;
+      width: 0;
+      height: 0;
+      border: inset 5px;
+      content: "";
+      border-right-width: 0;
+      border-color: transparent transparent transparent #1a181d;
+      float: right;
+      margin-top: 7px;
+    }
+  }
+
+  &.is-invalid-input.picker-single .picker-values div a,
+  &.is-invalid-input .picker-prompt a {
+    border-color: $alert-color;
+    background-color: #fdeeec;
+  }
+
+  &.picker-single .picker-values:not(:empty) + .picker-prompt {
+    display: none;
+  }
+
+  &.disabled.picker-single .picker-values div a,
+  &.disabled .picker-prompt a {
+    cursor: not-allowed;
+    background: #eee;
+
+    &:active {
+      border: inherit !important;
+      box-shadow: inherit !important;
+      -webkit-box-shadow: inherit !important;
+      transition: none !important;
+      -webkit-transition: none !important;
+    }
+  }
+
+  &.picker-multiple .picker-values {
+    div {
+      display: block;
+      margin: 0 0 2px;
+      font-size: 0.9rem;
+
+      input {
+        margin: 2px 8px 8px 2px;
+        vertical-align: top;
+      }
+    }
+  }
+
+  .picker-values {
+    @extend .tags;
+    margin-top: 0.62rem !important;
+    margin-bottom: 1rem;
+    &:empty {
+      margin-bottom: 0;
+    }
+    .label.primary {
+      background-color: var(--grey2);
+      color: var(--primary);
+    }
+  }
+}
+
+#data_picker-modal {
+  height: 90%;
+
+  .data_picker-modal-content {
+    display: flex;
+    flex-direction: column;
+    max-height: 100%;
+    min-height: 100%;
+
+    .picker-content {
+      flex-grow: 10;
+      min-height: 100%;
+      max-height: 100%;
+      overflow: auto;
+
+      .picker-scrollable-content {
+        max-height: 100%;
+        overflow: auto;
+      }
+    }
+  }
+}
+
+.picker-list {
+  ul {
+    margin-left: 0;
+
+    li {
+      list-style: none;
+    }
+  }
+}
+
+.scope-picker {
+  &.picker-header {
+    padding: rem-calc(16);
+    padding-left: 1rem;
+    ul {
+      display: flex;
+    }
+    li:hover {
+      background: transparent;
+    }
+    li a::before,
+    li ~ li a::before {
+      display: none;
+    }
+    li a::after,
+    li ~ li a::after {
+      content: $breadcrumbs-item-separator-item;
+      width: 10px;
+      height: 2em;
+      color: var(--emphasis-lowest);
+      text-align: center;
+      font-weight: 300;
+      padding-left: 6px;
+      text-decoration: none !important;
+      padding-right: 6px;
+      float: none;
+    }
+    li:only-child {
+      display: none;
+    }
+    li:last-child a {
+      cursor: default;
+      text-decoration: none; /* last active selection */
+      color: var(--emphasis-med);
+      padding-left: 0;
+    }
+
+    a {
+      display: block;
+      @extend .body-4-link;
+    }
+  }
+  .buttons {
+    display: flex;
+    flex-direction: row-reverse;
+    gap: 16;
+    .button.muted {
+      @extend .btn--disabled;
+    }
+    .button:first-child:not(.muted) {
+      @extend .btn--primary;
+    }
+    .button {
+      @extend .btn--large;
+      margin-bottom: 0;
+    }
+  }
+
+  &.picker-content {
+    .picker-scrollable-content {
+      scroll-snap-type: mandatory;
+
+      a {
+        @extend .body-4;
+        @extend .body-4-link;
+        scroll-snap-coordinate: 0 0;
+        display: block;
+        border-radius: $global-radius;
+        border-top: none;
+        padding: rem-calc(16);
+
+        &:hover,
+        &:focus {
+          background: var(--white);
+          text-decoration: none !important;
+          outline: none;
+        }
+      }
+    }
+  }
+}
+
+#participatory-space-filters {
+  margin-bottom: 1rem;
+  legend {
+    float: left;
+    padding-top: 10px;
+  }
+
+  .picker-prompt,
+  select {
+    width: 75%;
+    float: right;
+    min-height: 35.58px;
+  }
+
+  .filters__section {
+    padding: 0;
+  }
+
+  .picker-values {
+    clear: both;
+
+    div {
+      display: inline-block;
+    }
+  }
+}

data/app/packs/stylesheets/decidim/theme/reset/_definition_data.scss

@@ -0,0 +1,93 @@
+$border: 1px solid var(--grey2);
+.definition-data {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.definition-data__item {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  padding: 0.75rem 0.5rem;
+  border-bottom: $border;
+  flex-basis: 100%;
+  width: 100%;
+
+  &:last-child {
+    border-bottom: 0;
+  }
+  .ql-editor-display,
+  .ql-editor.ql-reset-decidim {
+    text-align: center;
+  }
+  &.social_networks {
+    a {
+      text-align: center;
+      display: block;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+  }
+
+  &.expanded {
+    display: flex;
+    justify-content: space-between;
+
+    > :first-child {
+      flex: 1 1 80%;
+      min-width: 0;
+
+      div {
+        display: inline;
+
+        @include ellipsis();
+
+        .author__name {
+          // Allow the ellipsis, otherwise it's not shown
+          display: inherit;
+          @extend .body-4;
+        }
+      }
+    }
+
+    > :last-child {
+      flex: 1 0 40%;
+    }
+
+    @include flexgap(0.5rem);
+  }
+}
+
+.definition-data__item--double {
+  display: inline-block;
+  flex-basis: 100%;
+  width: 100%;
+  border-right: 0;
+
+  &:nth-of-type(even) {
+    border-right: 0;
+  }
+}
+
+.definition-data__title {
+  display: block;
+  letter-spacing: inherit;
+  margin-bottom: 0;
+  @extend .mini-title;
+}
+
+.definition-data__number {
+  font-weight: normal;
+  @extend .body-4;
+  margin-bottom: 0;
+  color: var(--emphasis-med);
+}
+
+.definition-data__text {
+  font-weight: normal;
+  @extend .body-4;
+  margin-bottom: 0;
+  color: var(--emphasis-med);
+}

data/app/packs/stylesheets/decidim/theme/reset/_docs-manager.scss

@@ -0,0 +1,16 @@
+.docs__container {
+  h6 {
+    cursor: pointer;
+  }
+
+  svg {
+    color: var(--emphasis-med);
+  }
+
+  .docs__content {
+    border-left: 1px solid var(--grey2);
+    padding-top: 0.3rem;
+    padding-left: 1rem;
+    margin-left: 0.25rem;
+  }
+}