decidim-theme 0.1.4

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

@@ -0,0 +1,55 @@
+.opinion-toggle {
+  margin: 2rem 0;
+  display: flex;
+  text-align: center;
+}
+
+.opinion-toggle--ok,
+.opinion-toggle--ko,
+.opinion-toggle--meh {
+  &.is-inactive {
+    opacity: 0.3;
+  }
+}
+
+.opinion-toggle--ok {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+
+  &:hover,
+  &:focus,
+  &.is-active {
+    background-color: $success;
+  }
+
+  .icon {
+    vertical-align: middle;
+  }
+}
+
+.opinion-toggle--ko {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+
+  &:hover,
+  &:focus,
+  &.is-active {
+    background-color: $alert;
+  }
+
+  .icon {
+    vertical-align: middle;
+  }
+}
+
+.opinion-toggle--meh {
+  border-radius: 0;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+
+  &:hover,
+  &:focus,
+  &.is-active {
+    background-color: var(--secondary);
+  }
+}

data/app/packs/stylesheets/decidim/theme/reset/_order-by.scss

@@ -0,0 +1,34 @@
+.row.collapse.order-by {
+  align-items: center;
+  justify-content: center;
+}
+
+.order-by__dropdown {
+  transform: translateY(-2px);
+  z-index: 1;
+}
+
+.order-by__tab {
+  @extend .body-4;
+  @extend .body-4-link;
+  padding-left: 1rem;
+
+  &::after {
+    content: "";
+    display: none;
+    border-left: none;
+  }
+
+  &.is-active {
+    color: var(--primary);
+    text-decoration: underline;
+  }
+
+  &:first-of-type {
+    padding-left: 0;
+  }
+
+  &:last-of-type::after {
+    border-left: none;
+  }
+}

data/app/packs/stylesheets/decidim/theme/reset/_org-chart.scss

@@ -0,0 +1,6 @@
+.orgchart .as-text {
+  @extend .body-4;
+  @extend .body-4-link;
+  @extend .body-4-semibold;
+  fill: var(--primary);
+}

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

@@ -0,0 +1,195 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group pagination
+////
+
+/// Font size of pagination items.
+/// @type Number
+$pagination-font-size: rem-calc(14);
+
+/// Default bottom margin of the pagination object.
+/// @type Number
+$pagination-margin-bottom: $global-margin;
+
+/// Text color of pagination items.
+/// @type Color
+$pagination-item-color: $black;
+
+/// Padding inside of pagination items.
+/// @type Number
+$pagination-item-padding: rem-calc(3 10);
+
+/// Right margin to separate pagination items.
+/// @type Number
+$pagination-item-spacing: rem-calc(1);
+
+/// Default radius for pagination items.
+/// @type Number
+$pagination-radius: 25px;
+
+/// Background color of pagination items on hover.
+/// @type Color
+$pagination-item-background-hover: var(--primary-10);
+
+/// Background color of pagination item for the current page.
+/// @type Color
+$pagination-item-background-current: var(--primary);
+
+/// Text color of the pagination item for the current page.
+/// @type Color
+$pagination-item-color-current: $white;
+
+/// Text color of a disabled pagination item.
+/// @type Color
+$pagination-item-color-disabled: $medium-gray;
+
+/// Color of the ellipsis in a pagination menu.
+/// @type Color
+$pagination-ellipsis-color: $black;
+
+/// If `false`, don't display page number links on mobile, only next/previous links
+/// and optionally current page number.
+/// @type Boolean
+$pagination-mobile-items: false;
+
+/// If `true`, display the current page number on mobile even if `$pagination-mobile-items` is set to `false`.
+/// This parameter will only override the visibility setting of the current item for `$pagination-mobile-items: false;`,
+/// it will not affect the current page number visibility when `$pagination-mobile-items` is set to `true`.
+/// @type Boolean
+$pagination-mobile-current-item: false;
+
+/// If `true`, arrows are added to the next and previous links of pagination.
+/// @type Boolean
+$pagination-arrows: true;
+
+/// Content for the previous arrow when `$pagination-arrows` is `true`
+/// @type String
+$pagination-arrow-previous: "\00AB";
+
+/// Content for the next arrow when `$pagination-arrows` is `true`
+/// @type String
+$pagination-arrow-next: "\00BB";
+
+/// Adds styles for a pagination container. Apply this to a `<ul>`.
+@mixin pagination-container(
+  $margin-bottom: $pagination-margin-bottom,
+  $font-size: $pagination-font-size,
+  $spacing: $pagination-item-spacing,
+  $radius: $pagination-radius,
+  $color: $pagination-item-color,
+  $padding: $pagination-item-padding,
+  $background-hover: $pagination-item-background-hover
+) {
+  @include clearfix;
+  margin-#{$global-left}: 0;
+  margin-bottom: $margin-bottom;
+
+  // List item
+  li {
+    margin-#{$global-right}: $spacing;
+    border-radius: $radius;
+    @extend .body-4;
+
+    @if $pagination-mobile-items {
+      display: inline-block;
+    } @else {
+      display: none;
+
+      &:last-child,
+      &:first-child {
+        display: inline-block;
+      }
+
+      @if $pagination-mobile-current-item {
+        &.current {
+          display: inline-block;
+        }
+      }
+
+      @include breakpoint(medium) {
+        display: inline-block;
+      }
+    }
+  }
+
+  // Page links
+  a,
+  button {
+    @extend .body-4;
+    @extend .body-4-link;
+    display: block;
+    padding: $padding;
+    border: 1px solid transparent;
+    border-radius: $radius;
+    &:hover {
+      background: $background-hover;
+      color: var(--primary);
+      text-decoration: none;
+      border-color: var(--primary);
+    }
+  }
+}
+
+/// Adds styles for a disabled pagination item. Apply this to an `<a>`.
+@mixin pagination-item-disabled(
+  $padding: $pagination-item-padding,
+  $color: $pagination-item-color-disabled
+) {
+  padding: $padding;
+  color: $color;
+  cursor: not-allowed;
+
+  &:hover {
+    background: transparent;
+  }
+}
+
+/// Adds styles for an ellipsis for use in a pagination list.
+@mixin pagination-ellipsis(
+  $padding: $pagination-item-padding,
+  $color: $pagination-ellipsis-color
+) {
+  padding: $padding;
+  content: "\2026";
+  color: $color;
+}
+
+.pagination {
+  @include pagination-container;
+  a:hover,
+  a:focus {
+    text-decoration: none !important;
+  }
+  .current {
+    padding: $pagination-item-padding;
+    background: var(--primary);
+    color: $pagination-item-color-current;
+  }
+
+  .disabled {
+    @include pagination-item-disabled;
+  }
+
+  .ellipsis::after {
+    @include pagination-ellipsis;
+  }
+}
+
+@if $pagination-arrows {
+  .pagination-previous a::before,
+  .pagination-previous.disabled::before {
+    display: inline-block;
+    margin-#{$global-right}: 0.5rem;
+    content: $pagination-arrow-previous;
+  }
+
+  .pagination-next a::after,
+  .pagination-next.disabled::after {
+    display: inline-block;
+    margin-#{$global-left}: 0.5rem;
+    content: $pagination-arrow-next;
+  }
+}

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

@@ -0,0 +1,20 @@
+.extra button.follow-button,
+.extra a.follow-button {
+  @extend .btn;
+  @extend .btn--secondary;
+  @extend .btn--small;
+  @extend .body-5;
+  @extend .body-5-medium;
+  margin-top: 0;
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  width: auto;
+  min-width: 71.333%;
+  text-wrap: nowrap;
+}
+.o_participatory_process {
+  .section-heading {
+    margin-top: 1rem;
+  }
+}

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

@@ -0,0 +1,97 @@
+.process-header {
+  background-image: none;
+
+  .heading2 {
+    font-weight: var(--font-weight-bold);
+  }
+}
+
+.process-header__inner {
+  position: relative;
+  min-height: 14rem;
+  @include flex;
+  @include flex-align($x: center);
+}
+
+.process-header__main {
+  background-size: cover;
+  position: absolute;
+  z-index: 0;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  margin: 0 auto;
+  background-color: var(--black-60);
+
+  // decorators
+  @include breakpoint(small) {
+    -webkit-clip-path: none;
+    clip-path: none;
+  }
+
+  @include breakpoint(large) {
+    -webkit-clip-path: none;
+    clip-path: none;
+  }
+
+  @include breakpoint(xlarge) {
+    -webkit-clip-path: none;
+    clip-path: none;
+  }
+
+  @include breakpoint(100rem) {
+    -webkit-clip-path: none;
+    clip-path: none;
+  }
+
+  &::after {
+    content: none;
+    display: none;
+    position: static;
+    z-index: 0;
+    top: 0;
+    left: 0;
+    width: 0;
+    height: 0;
+    background-color: unset;
+  }
+}
+
+.row.column.process-header__container {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding: 1.5rem 1rem;
+  @include breakpoint(large) {
+    padding: 0;
+    position: relative;
+    z-index: 1;
+    flex-direction: row;
+  }
+}
+.process-header__info {
+  padding: 1rem rem-calc(32px) 1rem 1rem;
+
+  @include breakpoint(medium) {
+    padding: 2rem 1.5rem 2rem 1rem;
+  }
+
+  @include breakpoint(medium large) {
+    padding-left: 2rem;
+  }
+}
+
+.process-header__hashtag {
+  font-weight: var(--font-weight-semibold);
+
+  &::after {
+    content: "·";
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+}
+
+.process-header__nav {
+  margin-top: auto;
+  z-index: 1;
+}

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

@@ -0,0 +1,13 @@
+.process-header__phase {
+  padding: 1rem;
+
+  > div {
+    margin-bottom: 1rem;
+  }
+}
+
+.process-header__progress {
+  > ol {
+    margin-bottom: 0.75rem;
+  }
+}