decidim-theme 0.1.4

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

@@ -0,0 +1,210 @@
+/* Reveal foundation overwrites */
+
+@include breakpoint(small down) {
+  .reveal {
+    width: 95%;
+    left: 2.5%;
+    top: 2rem;
+    height: auto;
+    min-height: auto;
+  }
+}
+
+.reveal__header {
+  border-bottom: $border;
+  margin-bottom: 1rem;
+
+  &.reveal__header--nomargin {
+    margin-bottom: 0;
+  }
+}
+.reveal#exit-notification .row:last-child .columns {
+  flex-direction: row-reverse;
+  display: flex;
+  gap: 0.5rem;
+}
+
+.reveal {
+  .wrapper--inner {
+    background: transparent !important;
+  }
+  & > h2 {
+    @extend .body-2;
+    margin-left: 1rem;
+  }
+  & > p {
+    margin-left: 1rem;
+    margin-right: 1.75rem;
+  }
+  & > .row:last-child {
+    padding-top: 1rem;
+    margin-top: 2rem;
+    border-top: 1px solid var(--grey2);
+
+    &,
+    .columns {
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+    }
+  }
+  .button {
+    height: 48px;
+  }
+  &.fingerprint-dialog,
+  &#data_picker-modal {
+    padding: 1rem;
+    .modalTitle {
+      margin-bottom: 1rem;
+    }
+  }
+  .new_join_meeting {
+    & > .row:last-child {
+      text-align: center;
+      margin-bottom: 8px;
+      margin-top: 2rem;
+    }
+    .row .help-text {
+      margin-top: 1rem;
+    }
+  }
+  &#budget-confirm {
+    & > p.text-center {
+      text-align: left !important;
+    }
+    & > .row {
+      text-align: center;
+      margin-bottom: 8px;
+      margin-top: 2rem;
+    }
+  }
+  #login_new_user {
+    margin-bottom: 1rem;
+  }
+  @include breakpoint(medium) {
+    .filters__section:first-of-type {
+      display: none;
+    }
+  }
+  .calendar-url-description {
+    margin-bottom: 0.5rem;
+  }
+
+  .calendar_url_input {
+    margin-top: 1rem;
+  }
+
+  #urlCalendarUrl {
+    // Prevent the "not-allowed" cursor in the share input.
+    cursor: auto;
+  }
+}
+
+.reveal__footer {
+  border-top: $border;
+
+  .buttons {
+    display: flex;
+    justify-content: center;
+    padding: 10px 0 50px; // bottom padding is needed to avoid hiding buttons on mobiles because of https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser
+
+    @include breakpoint(medium) {
+      padding-bottom: 0;
+      margin-bottom: -1rem;
+    }
+  }
+}
+
+.reveal__bg {
+  background-color: $light-gray-dark;
+}
+#loginModal .reveal__title {
+  text-align: center;
+}
+.reveal__title {
+  margin-top: -6px;
+  @extend .body-2;
+  outline: none;
+}
+
+.reveal__list {
+  @extend .list-reset;
+
+  li {
+    @extend .p-s;
+
+    display: flex;
+  }
+
+  li.selected {
+    background-color: rgba($warning, 0.3);
+    justify-content: space-between;
+
+    svg {
+      color: $success;
+      align-self: center;
+    }
+  }
+
+  li:hover {
+    cursor: pointer;
+  }
+
+  li:not(:last-child) {
+    border-bottom: $border;
+  }
+}
+
+.reveal__trigger {
+  cursor: pointer;
+}
+
+.reveal__buttons {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 1rem;
+}
+
+.external-domain-warning {
+  .card-section {
+    padding: 0;
+  }
+
+  .buttons {
+    display: flex;
+    justify-content: center;
+
+    .button {
+      margin: 0;
+    }
+  }
+}
+
+.reveal {
+  padding: $reveal-padding 0;
+  & > div > * {
+    padding-left: $reveal-padding;
+    padding-right: $reveal-padding;
+  }
+  .confirm-content {
+    min-height: 60px;
+  }
+  .reveal__footer.confirm-modal-footer .buttons.button--double {
+    flex-direction: row-reverse;
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+    margin-top: 0.5rem;
+    margin-bottom: 0rem;
+    gap: 1rem;
+    .button {
+      min-width: 130px;
+    }
+  }
+  .reveal__footer .buttons {
+    padding-top: rem-calc(24);
+    padding-bottom: rem-calc(24);
+    &.button.muted {
+      @extend .btn--primary;
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+.scope-picker.picker-header {
+  & li {
+    & a {
+      &:focus,
+      &:hover {
+        text-decoration: none !important;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,92 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group forms
+////
+
+/// Background color for select menus.
+/// @type Color
+$select-background: $white !default;
+
+/// Color of the dropdown triangle inside select menus. Set to `transparent` to remove it entirely.
+/// @type Color
+$select-triangle-color: $dark-gray !default;
+
+/// Default radius for select menus.
+/// @type Color
+$select-radius: $global-radius !default;
+
+@mixin form-select {
+  $height: ($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);
+
+  height: $height;
+  margin: 0 0 $form-spacing;
+  padding: $input-padding;
+
+  appearance: none;
+  border: $input-border;
+  border-radius: $select-radius;
+  background-color: $select-background;
+
+  font-family: $input-font-family;
+  font-size: $input-font-size;
+  font-weight: $input-font-weight;
+  line-height: $input-line-height;
+  color: $input-color;
+
+  @if $select-triangle-color != transparent {
+    @include background-triangle($select-triangle-color);
+    background-origin: content-box;
+    background-position: $global-right (-$form-spacing) center;
+    background-repeat: no-repeat;
+    background-size: 9px 6px;
+
+    padding-#{$global-right}: ($form-spacing * 1.5);
+  }
+
+  @if has-value($input-transition) {
+    transition: $input-transition;
+  }
+
+  // Focus state
+  &:focus {
+    outline: none;
+    border: $input-border-focus;
+    background-color: $input-background-focus;
+    box-shadow: $input-shadow-focus;
+
+    @if has-value($input-transition) {
+      transition: $input-transition;
+    }
+  }
+
+  // Disabled state
+  &:disabled {
+    background-color: $input-background-disabled;
+    cursor: $input-cursor-disabled;
+  }
+
+  // Hide the dropdown arrow shown in newer IE versions
+  &::-ms-expand {
+    display: none;
+  }
+
+  &[multiple] {
+    height: auto;
+    background-image: none;
+  }
+  &:not([multiple]) {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+}
+
+select {
+    @include form-select;
+}
+label > select {
+    margin-bottom: 2px;
+}
+

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

@@ -0,0 +1,179 @@
+.register__separator {
+  display: block;
+  text-align: center;
+  position: relative;
+  z-index: 1;
+  font-style: italic;
+  margin: 2rem 0;
+
+  &::before {
+    content: "";
+    display: block;
+    height: 1px;
+    width: 100%;
+    background-color: var(--grey2);
+    position: absolute;
+    top: 50%;
+    z-index: -1;
+  }
+}
+
+.register__separator__text {
+  display: inline-block;
+  background: $light-gray;
+  padding: 0 1rem;
+  @extend .body-5;
+  @extend .body-5-caps;
+  color: var(--emphasis-lowest);
+}
+
+.m_devise-registrations--new .register-form {
+  .card {
+    padding: 1.5rem;
+    box-shadow: none;
+    margin-bottom: 1rem;
+  }
+}
+.m_devise-sessions--new,
+.m_devise-passwords,
+.o-confirmations,
+.o-unlocks {
+  .register-form.new_user {
+    @extend .card;
+    padding: 1.5rem;
+    box-shadow: none;
+    margin-bottom: 1rem;
+    padding-bottom: 1.5rem !important;
+  }
+  .card__content {
+    margin-bottom: 1rem;
+  }
+  .register-form .card {
+    box-shadow: none;
+    border-width: 0;
+  }
+
+  .actions {
+    margin-top: 1.5rem;
+    text-align: center;
+  }
+}
+.register-form {
+  width: 100%;
+
+  input[type="text"],
+  input[type="email"],
+  input[type="password"] {
+    height: 3rem;
+  }
+
+  h3 {
+    display: table;
+    line-height: 1.2;
+    margin-bottom: 1.5rem;
+    margin-top: 0;
+    text-align: left;
+  }
+
+  label > [type="checkbox"] {
+    margin-bottom: 1rem;
+  }
+
+  .tos-text {
+    padding: 0.75rem;
+    border: 1px solid var(--grey2);
+    margin: 0.75rem 0;
+    max-height: 10rem;
+    overflow: auto;
+    font-style: italic;
+  }
+
+  #card__tos,
+  #card__newsletter {
+    text-align: center;
+  }
+
+  .actions {
+    & > button {
+      width: 100%;
+    }
+    & ~ p {
+      margin-bottom: 0;
+      width: 100%;
+    }
+  }
+
+  .field {
+    width: 100%;
+  }
+}
+.user-nickname
+  label.is-invalid-label
+  .row
+  > span:last-of-type
+  .form-error.is-visible {
+  margin-left: 0 !important;
+}
+.user-nickname {
+  width: 100%;
+  label .row {
+    > span:last-of-type {
+      width: 100% !important;
+    }
+    > span:first-of-type {
+      display: none;
+      // this is the prefix div
+      @extend .input-group-label;
+      justify-content: center;
+      padding: 0;
+      border-#{$global-right}: 0;
+      width: 8%;
+      height: 3rem;
+      border-top-left-radius: $input-radius;
+      border-bottom-left-radius: $input-radius;
+
+      .prefix {
+        display: none;
+        height: 2.9rem;
+        padding-top: 0.8rem;
+      }
+    }
+
+    > span:last-of-type {
+      // this is the input div
+      @extend .input-group-field;
+
+      width: 92%;
+      height: 3rem;
+
+      input {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+    }
+  }
+
+  label.is-invalid-label .row {
+    margin-bottom: $form-spacing;
+
+    > span:first-of-type {
+      // this is the prefix div
+      background-color: var(--white);
+      border-color: var(--red);
+    }
+
+    > span:last-of-type {
+      // this is the input div
+      height: 4.2rem;
+
+      .form-error.is-visible {
+        margin-left: -8%;
+      }
+    }
+  }
+
+  .help-text {
+    margin-top: 1rem;
+    @extend .body-5;
+  }
+}

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

@@ -0,0 +1,42 @@
+.statistics-cell {
+  overflow: hidden;
+  margin: rem-calc(64) auto;
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  min-width: rem-calc(310);
+
+  .statistic__title {
+    @extend .body-5;
+    @extend .body-5-caps;
+    color: var(--emphasis-lowest);
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+
+  .statistic__data {
+    text-align: center;
+    padding: 1rem 0.25rem;
+    width: calc(50% - 1rem);
+    margin: 0;
+    position: relative;
+    color: var(--grey5);
+    &::after {
+      border-left-color: var(--primary) !important;
+    }
+
+    @include breakpoint(medium down) {
+      width: calc(50% - 1rem);
+    }
+
+    @include breakpoint(medium large) {
+      width: calc(25% - 1rem);
+    }
+  }
+
+  .statistic__number {
+    @extend .heading-3;
+    @extend .heading-3-bold;
+    color: var(--emphasis-med);
+  }
+}