decidim-theme 0.1.4

data/app/packs/stylesheets/decidim/theme/organisms/_budgets.scss

@@ -0,0 +1,221 @@
+#voted-budgets-list {
+  border: 1px solid var(--green);
+  .card--list__data-added {
+    background: transparent;
+  }
+  .budget-list__icon {
+    display: none;
+  }
+  .button {
+    text-wrap: nowrap;
+  }
+}
+
+.o_participatory_process {
+  .card--list__check svg {
+    width: 18px;
+    height: 18px;
+    fill: white;
+    transform: translate(-49%, -2px);
+  }
+  .button {
+    text-wrap: nowrap;
+  }
+}
+
+.m_budgets-projects {
+  .button.loading-spinner {
+    width: 34px;
+    height: 34px;
+    padding: 0;
+    background: transparent !important;
+    border-color: transparent !important;
+    &::before {
+      width: 34px;
+      height: 34px;
+    }
+    svg {
+      display: none !important;
+    }
+  }
+  &.m_budgets-projects--index {
+    @include breakpoint(small only) {
+      .budget-summary__progressbox > button.button:last-child {
+        margin-top: 1rem;
+      }
+    }
+
+    .budget-list__data .text-sm.text-success {
+      text-wrap: nowrap;
+    }
+    .button {
+      text-wrap: nowrap;
+    }
+    .button.budget-list__action {
+      width: 34px;
+      height: 34px;
+    }
+    .budget-list__data .button.budget,
+    .budget-list__data .button.budget svg {
+      width: 34px;
+      height: 34px;
+    }
+    .budget-summary__selected-item {
+      margin-bottom: 0.5rem;
+    }
+
+    .card__content.budget-summary__selected {
+      & > button {
+        @extend select;
+        color: var(--emphasis-med);
+        margin: 0;
+        min-width: $dropdown-width;
+        display: inline-flex;
+        width: auto;
+        align-items: center;
+        justify-content: center;
+        min-width: 0;
+
+        strong {
+          display: inline-block;
+          margin-right: 0.25rem;
+        }
+        svg {
+          display: none;
+        }
+      }
+      .button_to button[type="submit"] {
+        @extend .btn--secondary;
+        border-radius: 32px;
+        width: 32px;
+        height: 32px;
+      }
+    }
+  }
+  &.m_budgets-projects--show {
+    .button.loading-spinner::before {
+      width: 24px;
+      height: 24px;
+    }
+    .button.budget-vote-button,
+    .button.budget-list__action.success {
+      font-size: 16px;
+      display: flex;
+      flex-direction: row-reverse;
+      gap: 0.75rem;
+      flex: 0;
+      padding: 17px;
+      background: var(--primary);
+      text-wrap: nowrap;
+      &:hover {
+        background: var(--primary-dark);
+      }
+      .button_to {
+        flex: 0;
+        &:hover .button,
+        .button {
+          background-color: transparent !important;
+          border: 1px solid var(--on-primary);
+          height: 24px;
+          width: 24px;
+          padding: 6px;
+          min-width: 0;
+          &:hover,
+          &:focus {
+            background-color: var(--primary);
+          }
+        }
+        .button.loading-spinner svg {
+          fill: var(--primary);
+        }
+        svg {
+          fill: var(--on-primary);
+        }
+      }
+    }
+  }
+  .input-group-field {
+    height: auto;
+  }
+  .dropdown.menu {
+    transform: translateY(2px);
+  }
+  .budget-list__data__number {
+    @extend .body-3;
+    @extend .body-3-medium;
+    color: var(--emphasis-med);
+  }
+  .collection-sort-controls .column {
+    width: 100% !important;
+  }
+  .card.extra {
+    .card__content {
+      justify-content: center;
+      align-items: center;
+      text-align: center;
+    }
+    .button_to {
+      width: 100%;
+    }
+  }
+  .card > .filters__section {
+    display: none;
+  }
+  .muted-link.js-back-to-list {
+    @extend .link--go-back;
+  }
+  .mini-title {
+    color: var(--emphasis-med);
+    .mini-title__strong {
+      color: var(--emphasis-med);
+    }
+  }
+  .view-header h2.heading2 {
+    @extend .heading-3;
+    margin-top: 5rem;
+    margin-bottom: 0;
+  }
+
+  @include filters-area;
+  .budget-list__data {
+    background-color: transparent;
+  }
+  .budget-list__image {
+    width: 7.5rem;
+    height: 5.5rem;
+  }
+  .budget-list__title {
+    font-weight: 400;
+  }
+  .budget-summary {
+    .card__content {
+      padding: 1.5rem;
+    }
+    .card__content,
+    .card__content > p:last-child,
+    .heading3 {
+      margin-bottom: 1.5rem;
+    }
+    .budget-progress__meter {
+      transform: translateY(-100%);
+    }
+    .button.small {
+      @extend .btn--medium;
+    }
+    .progress.budget-progress {
+      margin-bottom: 0;
+    }
+    .link {
+      @extend .body-4;
+      @extend .body-4-link;
+      margin-top: 1rem;
+    }
+  }
+}
+
+.card.card--budget {
+  .card-data__item strong.heading4 {
+    @extend .body-4;
+    @extend .body-4-medium;
+  }
+}

data/app/packs/stylesheets/decidim/theme/organisms/_cookie_warning.scss

@@ -0,0 +1,6 @@
+.cookie-warning {
+  a {
+    @extend .body-4;
+    @extend .body-4-link;
+  }
+}

data/app/packs/stylesheets/decidim/theme/organisms/_debate.scss

@@ -0,0 +1,65 @@
+.o-debates--index {
+  @include filters-area;
+  .collection-sort-controls > .column {
+    min-width: 50%;
+  }
+  .dropdown.menu {
+    transform: translateY(2px);
+  }
+}
+.o-debates--show {
+  .proposal-status {
+    transform: translateY(-2px);
+  }
+  .cell-announcement {
+    margin: 1.5rem 0;
+  }
+  .card.extra .card__content {
+    align-items: center;
+  }
+  .view-side .card.extra:last-child {
+    padding: 0 !important;
+  }
+  .extra__date-container {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .extra__date {
+      @extend .body-2;
+      color: var(--emphasis-med);
+      .extra__month {
+        @extend .body-4;
+      }
+    }
+    .extra__time {
+      @extend .body-4;
+      color: var(--emphasis-low);
+    }
+  }
+}
+
+.card--debate {
+  .card__icondata ul {
+    padding: 0;
+  }
+  .card-data__item > .card-data__item--multiple {
+    padding: 0 1rem;
+  }
+  .card-data__item > div {
+    padding: 0 1.5rem;
+  }
+  .card__header {
+    margin-top: 1.5rem;
+    width: 100%;
+  }
+  &.muted .card__header {
+    margin-top: 1rem;
+  }
+  .author-data {
+    margin-left: 0.3rem;
+  }
+  .card__button {
+    flex: 0;
+  }
+}

data/app/packs/stylesheets/decidim/theme/organisms/_footer.scss

@@ -0,0 +1,145 @@
+.footer {
+  display: block;
+  padding: rem-calc(59) rem-calc(48) rem-calc(32) rem-calc(48);
+  background: var(--primary) !important;
+  color: var(--on-primary) !important;
+  .main-footer,
+  .mini-footer {
+    background: transparent;
+  }
+  #LanguageLinks.footer_nav {
+    padding-top: 21px !important;
+    text-align: right;
+  }
+  #FooterNavigation .language-choose {
+    svg {
+      display: none;
+    }
+    & > ul > li.is-active > a {
+      color: var(--primary) !important;
+
+      &::after {
+        border-top-color: var(--primary) !important;
+      }
+    }
+    .is-submenu-item {
+      padding: 0;
+      a {
+        padding: 0.6rem;
+      }
+    }
+    & > ul > li > a {
+      padding: 0.62rem 0.5rem;
+      padding-right: 32px;
+      color: var(--white) !important;
+      &::after {
+        border-top-color: var(--white) !important;
+        border-width: 6px;
+      }
+      @extend .body-4;
+      font-weight: normal;
+      &:hover,
+      &:focus {
+        background-color: var(--grey2);
+        color: var(--primary) !important;
+        &::after {
+          border-top-color: var(--primary) !important;
+        }
+      }
+    }
+  }
+
+  a {
+    @extend .body-4;
+    padding: 0;
+    &,
+    &:hover,
+    &:focus {
+      color: var(--on-primary) !important;
+    }
+  }
+  #FooterNavigation {
+    display: flex;
+    max-width: $grid-row-width;
+    margin-right: auto;
+    margin-left: auto;
+    gap: rem-calc(
+      128
+    ); /* 120 - 2*8. 8 is an accebility padding on links to be more easy to click.  */
+    a {
+      display: block;
+      padding: rem-calc(8) 0;
+    }
+    .footer_nav {
+      & > strong {
+        @extend .body-4-semibold;
+        padding-bottom: rem-calc(23);
+      }
+      ul {
+        margin: 0;
+        padding: 0;
+      }
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+      padding-top: 2 * $global-margin;
+      white-space: nowrap;
+    }
+    .main-nav {
+      padding: 0;
+      margin: 0;
+    }
+    .main-nav ul {
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: flex-start;
+      text-align: left;
+      & > li {
+        margin: 0;
+        padding: 0;
+        display: block;
+      }
+    }
+    .footer__navitem {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+    }
+
+    @include breakpoint(large down) {
+      flex-direction: column;
+      gap: 0;
+      grid-gap: rem-calc(2);
+    }
+  }
+  .credits {
+    display: flex;
+    gap: rem-calc(12);
+    align-items: center;
+    justify-content: flex-start;
+    padding-top: rem-calc(59);
+
+    max-width: $grid-row-width;
+    margin-right: auto;
+    margin-left: auto;
+
+    .credits__column {
+      position: relative;
+      flex: 1;
+      &.credits__column--license {
+        flex: 0;
+        min-width: rem-calc(117);
+      }
+      &.credits__column--madeby {
+        justify-self: flex-end;
+        max-width: 30%;
+      }
+    }
+
+    @include breakpoint(medium down) {
+      padding-top: 0;
+      gap: rem-calc(2);
+      flex-direction: column;
+    }
+  }
+}

data/app/packs/stylesheets/decidim/theme/organisms/_groups.scss

@@ -0,0 +1,49 @@
+.o-profiles .card--user_group_membership {
+  .card__header {
+    margin-top: 1.5rem;
+    width: 100%;
+  }
+  .card__button {
+    flex: 0;
+  }
+  .card__content > p {
+    padding-left: 1rem;
+    strong {
+      @extend .label;
+      @extend .label--primary;
+      color: var(--white);
+      transform: translateY(-2px);
+    }
+  }
+}
+
+.card--user_group,
+.card--user {
+  padding-top: 1rem;
+}
+.card--user_group .card__button {
+  flex: 0;
+}
+
+.m_groups.m_groups--new {
+  form.new_group .card {
+    padding: 1rem;
+    input[type="file"] {
+      margin-bottom: 0;
+    }
+    .field img {
+      margin-bottom: 1rem;
+    }
+    .user-group-fields > strong {
+      margin-top: 1.75rem;
+      margin-bottom: 0.5rem;
+      display: block;
+    }
+    .actions {
+      margin-top: 1.5rem;
+    }
+    .form-input-extra-before ~ .help-text {
+      margin-top: -0.5rem;
+    }
+  }
+}

data/app/packs/stylesheets/decidim/theme/organisms/_logins.scss

@@ -0,0 +1,45 @@
+.m_devise-registrations,
+.m_devise-sessions,
+.m_devise-passwords,
+.m_devise-unlocks,
+.m_devise-confirmations {
+  h1 {
+    @extend .heading-2;
+    margin-bottom: 1.5rem;
+  }
+  h3 {
+    @extend .body-2;
+    margin-bottom: 1.25rem;
+  }
+  p {
+    width: 100%;
+  }
+  .user-nickname label.is-invalid-label .row > span:first-of-type {
+    justify-content: center;
+  }
+  .actions {
+    text-align: center;
+  }
+  .register-form .actions {
+    margin-bottom: 1rem;
+  }
+  .register-form #registration_user_nickname_characters {
+    margin-top: 0.5rem;
+    margin-bottom: 0;
+    @extend .body-6;
+    @extend .body-6-semibold;
+  }
+  .register-form .user-nickname .help-text {
+    margin-top: 0.5rem;
+  }
+  .register-form .card__content {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+  }
+  .new_user.register-form .card__content {
+    gap: 0.5rem;
+    align-items: center;
+    justify-content: center;
+  }
+}