decidim-core 0.27.4 → 0.28.0.rc4

data/app/packs/stylesheets/decidim/modules/_forms.scss

@@ -1,157 +0,0 @@
-/* Froms foundation overwrites */
-
-$checkboxes-minimum-width: 200px;
-$help-text-margin-top: ($form-spacing * .5) * -1;
-
-.input-group{
-  .input-group-field{
-    &:focus{
-      // To raise the focus border on top of any other nearby elements
-      position: relative;
-      z-index: 10;
-    }
-  }
-}
-
-.input-group-button button{
-  height: 2.5rem;
-  padding: .5rem 1rem;
-}
-
-label,
-.field{
-  &.has-tribute{
-    position: relative;
-
-    .tribute-container{
-      top: auto;
-      margin-top: -$form-spacing;
-      max-width: none;
-      width: 100%;
-    }
-  }
-}
-
-.help-text{
-  display: block;
-  line-height: 1.2;
-  margin: $help-text-margin-top 0 $form-spacing;
-}
-
-.form-input-extra-before,
-.form-input-extra-after{
-  display: block;
-  font-size: $input-error-font-size;
-  font-weight: $input-error-font-weight;
-  margin-top: $form-spacing * -1;
-}
-
-#registration_user_nickname_characters{
-  margin-top: 1rem;
-}
-
-.form-input-extra-before{
-  margin-bottom: $form-spacing * .5;
-}
-
-.form-input-extra-after{
-  margin-bottom: $form-spacing;
-}
-
-label > [type="checkbox"],
-label > [type="radio"]{
-  margin-bottom: 0; //fixes some problems with line-height in double-line labels
-}
-
-/* Switch additional styles */
-
-.switch-with-label{
-  > label{
-    display: flex;
-    align-items: center;
-    line-height: 1.2;
-  }
-
-  .switch-paddle{
-    display: inline-block;
-    margin-right: 1rem;
-    flex-shrink: 0;
-  }
-
-  &,
-  &.tiny{
-    height: auto;
-  }
-}
-
-.switch{
-  input.switch-input{
-    &:active,
-    &:focus{
-      & + .switch-paddle{
-        outline: $input-outline-focus;
-        outline-color: var(--highlight);
-        outline-offset: $input-outline-offset;
-      }
-    }
-  }
-}
-
-.checkboxes{
-  margin-bottom: 1rem;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-
-  &::after{
-    /* Align last row to left */
-    min-width: $checkboxes-minimum-width;
-    content: "";
-  }
-
-  label{
-    min-width: $checkboxes-minimum-width;
-
-    input[type="checkbox"]{
-      vertical-align: middle;
-    }
-  }
-}
-
-#{text-inputs()},
-textarea,
-select,
-input[type="file"],
-input[type="checkbox"],
-input[type="radio"]{
-  outline: $input-outline;
-
-  &:active,
-  &:focus{
-    outline: $input-outline-focus;
-    outline-color: var(--highlight);
-    outline-offset: $input-outline-offset;
-  }
-}
-
-.emoji{
-  &__container{
-    position: relative;
-  }
-
-  &__trigger{
-    position: relative;
-    top: -$form-spacing;
-  }
-
-  &__button{
-    position: absolute;
-    bottom: $global-margin * .5;
-    right: $global-margin;
-    cursor: pointer;
-  }
-
-  &__button svg{
-    width: 1em;
-  }
-}

data/app/packs/stylesheets/decidim/modules/_help.scss

@@ -1,58 +0,0 @@
-.help{
-  vertical-align: -2px;
-
-  .icon{
-    width: 14px;
-    height: 14px;
-    fill: $white;
-    background: lighten($muted, 20);
-    border-radius: 50%;
-    padding: 2px;
-
-    &:hover{
-      background: $anchor-color;
-    }
-  }
-}
-
-.help-tooltip{
-  @include flex;
-  @include flex-align(center, middle);
-
-  border: .25rem solid lighten($secondary, 25%);
-  border-radius: 50%;
-  background-color: $secondary;
-  color: $light-gray;
-  padding: .25rem;
-  cursor: pointer;
-}
-
-// Extend Foundation defaults
-.tooltip{
-  &.expanded{
-    max-width: 100%;
-  }
-
-  &.light{
-    background-color: $body-background;
-    color: $body-font-color;
-    box-shadow: $prototype-box-shadow;
-    border-radius: $global-radius;
-
-    &.top::before{
-      border-color: $body-background transparent transparent;
-    }
-
-    &.bottom::before{
-      border-color: transparent transparent $body-background;
-    }
-
-    &.left::before{
-      border-color: transparent transparent transparent $body-background;
-    }
-
-    &.right::before{
-      border-color: transparent $body-background transparent transparent;
-    }
-  }
-}

data/app/packs/stylesheets/decidim/modules/_horizontal-tabs.scss

@@ -1,114 +0,0 @@
-// name specific
-#profile-tabs{
-  // Override foundation
-  &.tabs{
-    background: transparent;
-    border: 0;
-    display: flex;
-    justify-content: space-around;
-    border-bottom: $border;
-    margin-bottom: $global-margin;
-
-    .tabs-title{
-      &.is-active{
-        a{
-          background: transparent;
-          color: var(--primary);
-          font-weight: 600;
-          border-bottom: 3px solid var(--primary);
-        }
-      }
-
-      a{
-        color: $anchor-color;
-        padding: $global-padding * 3*.25;
-        position: relative;
-
-        &:focus,
-        &[aria-selected="true"]{
-          background: transparent;
-          color: var(--primary);
-          font-weight: 600;
-          border-bottom: 3px solid var(--primary);
-        }
-
-        &:hover{
-          background: transparent;
-          border-bottom: $border;
-          border-bottom-width: 3px;
-        }
-
-        &::after{
-          display: block;
-          content: attr(title);
-          font-weight: bold;
-          height: 0;
-          overflow: hidden;
-          visibility: hidden;
-        }
-      }
-    }
-  }
-}
-
-// Make the connection between the title and the content
-[data-tabs-content="profile-tabs"]{
-  border-top: 0;
-  background: transparent;
-  color: inherit;
-  transition: all .5s ease;
-}
-
-.responsive-tab-block{
-  @media only screen and (max-width: 639px){
-    overflow: hidden;
-    height: 44px;
-
-    & > ul.tabs{
-      flex-direction: column;
-
-      & > li{
-        flex: 0 0 auto;
-
-        &.is-active{
-          -webkit-box-ordinal-group: -1; // fixes older Safari issues
-          order: -1;
-
-          &::before{
-            display: block;
-            content: " ";
-            font-weight: normal;
-            float: right;
-            width: 0;
-            height: 0;
-            border-left: 5px solid transparent;
-            border-right: 5px solid transparent;
-            border-top: 5px solid #f00;
-            margin-top: 20px;
-          }
-
-          & > a:focus{
-            outline: 0 !important;
-          }
-        }
-
-        & > a{
-          border-bottom: 3px solid transparent;
-          color: green;
-
-          &:focus{
-            outline: 0 !important;
-          }
-        }
-      }
-    }
-
-    &.expanded{
-      height: auto;
-
-      & > ul.tabs > li.is-active::before{
-        transform: rotate(180deg);
-      }
-    }
-  }
-}

data/app/packs/stylesheets/decidim/modules/_hover-section.scss

@@ -1,29 +0,0 @@
-.hover-section{
-  &:hover{
-    background-color: $white;
-    border: $border;
-    box-shadow: 0 0 20px 0 rgba($black, .2);
-    display: flex;
-    justify-content: center;
-    align-items: stretch;
-    // transform: translate(-$global-padding, -$global-padding);
-    cursor: pointer;
-
-    > :first-child{
-      border-right: $border;
-    }
-
-    .hidden-section{
-      display: block;
-      align-self: center;
-    }
-  }
-
-  a{
-    color: inherit;
-  }
-
-  .hidden-section{
-    display: none;
-  }
-}

data/app/packs/stylesheets/decidim/modules/_icons.scss

@@ -1,56 +0,0 @@
-// font type based on parent container
-$icon-size: .875em;
-$icon-size-sm: .625em;
-$icon-size-l: 1.5em;
-$icon-size-xl: 1.875em;
-
-.icon{
-  width: $icon-size;
-  height: $icon-size;
-  fill: currentColor;
-
-  @include modifiers(color, (muted: $muted));
-}
-
-.icon--small{
-  width: $icon-size-sm;
-  height: $icon-size-sm;
-}
-
-.icon--big{
-  width: $icon-size-l;
-  height: $icon-size-l;
-}
-
-.icon--large{
-  width: $icon-size-xl;
-  height: $icon-size-xl;
-}
-
-.icon--action{
-  fill: rgba(black, .2);
-}
-
-.icon--container{
-  display: inline-flex;
-  align-items: center;
-}
-
-.icon--action:hover,
-a:hover .icon--action{
-  fill: currentColor;
-}
-
-.icon--after{
-  margin-left: .3rem;
-}
-
-.icon--before{
-  margin-right: .3rem;
-}
-
-.icon--share{
-  margin-bottom: -2px;
-  width: 12px;
-  height: 12px;
-}

data/app/packs/stylesheets/decidim/modules/_inline-filters.scss

@@ -1,66 +0,0 @@
-.inline-filters{
-  @include flexgap($global-margin * 2);
-
-  // Override gap display property
-  display: inline-flex;
-  justify-content: space-between;
-  text-align: left;
-
-  label{
-    display: flex;
-    align-items: baseline;
-
-    @include flexgap($global-margin * .5);
-
-    span{
-      white-space: nowrap;
-    }
-  }
-
-  $dropdown-width: 12rem;
-
-  button[data-toggle]{
-    color: $secondary;
-    margin: 0;
-    width: $dropdown-width;
-
-    @extend select;
-
-    &.hover{
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
-
-  .dropdown-pane{
-    padding: 0;
-    background-color: $white;
-    width: $dropdown-width;
-
-    li{
-      a{
-        display: block;
-        padding: $global-padding;
-
-        &:hover{
-          text-decoration: underline;
-        }
-      }
-
-      &:not(:last-child){
-        border-bottom: $border;
-      }
-
-      &:hover{
-        cursor: pointer;
-        background-color: rgba($secondary, .05);
-      }
-    }
-
-    &.is-open{
-      margin-top: -1px;
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-    }
-  }
-}

data/app/packs/stylesheets/decidim/modules/_input-gallery.scss

@@ -1,35 +0,0 @@
-.gallery__container{
-  width: 100%;
-
-  fieldset{
-    border: 1px solid $light-gray;
-    padding: .5rem;
-    margin-bottom: 1rem;
-  }
-
-  legend{
-    padding: .25rem;
-  }
-
-  .thumbnail{
-    max-height: 100px;
-  }
-
-  .gallery__item{
-    display: inline-block;
-    border: none;
-    margin-right: .5rem;
-    padding: 0;
-
-    .close-button{
-      right: 2px;
-      top: 2px;
-      width: 2rem;
-      height: 2rem;
-      background: var(--primary);
-      opacity: .8;
-      color: $white;
-      border-radius: 50%;
-    }
-  }
-}

data/app/packs/stylesheets/decidim/modules/_input-mentions.scss

@@ -1,142 +0,0 @@
-@import "tributejs/tribute";
-
-.mentions__container,
-.hashtags__container{
-  width: 100%;
-
-  [type=text]{
-    white-space: nowrap;
-    overflow: hidden;
-
-    br{
-      display: none;
-    }
-
-    *{
-      display: inline;
-      white-space: nowrap;
-    }
-  }
-
-  [contenteditable=true]:empty::before{
-    color: $input-placeholder-color;
-    content: attr(placeholder);
-    display: block; // firefox
-  }
-
-  &.mentions__container--textarea,
-  &.hashtags__container--textarea{
-    [contenteditable=true]{
-      -webkit-appearance: textfield;
-      -moz-appearance: textfield-multiline;
-      appearance: textfield;
-
-      // foundation defaults
-      @include form-element();
-
-      max-width: 100%;
-      // Min size, 3 times input textfield
-      min-height: 3 * (($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')));
-      height: auto;
-
-      // Placeholder text
-      &::placeholder{
-        color: $input-placeholder-color;
-      }
-
-      // Disabled/readonly state
-      &:disabled,
-      &[readonly]{
-        background-color: $input-background-disabled;
-        cursor: $input-cursor-disabled;
-      }
-    }
-  }
-
-  // Override defaults
-  .tribute-container{
-    position: relative;
-    min-width: 100%;
-    top: -1rem - rem-calc(1);
-    color: $secondary;
-
-    ul{
-      //reset list
-      margin: 0;
-      list-style: none;
-      // input defaults
-      outline: none;
-      border: $input-border-focus;
-      border-radius: $input-radius;
-      background-color: $input-background-focus;
-      box-shadow: $input-shadow-focus;
-
-      @if has-value($input-transition){
-        transition: $input-transition;
-      }
-
-      li{
-        padding: $input-padding;
-        border-top: $border;
-      }
-    }
-
-    .highlight,
-    li:hover{
-      background-color: $input-prefix-background;
-    }
-
-    .tribute-item{
-      .author__avatar{
-        display: inline-block;
-        vertical-align: middle;
-        padding: 0;
-      }
-
-      .is-group{
-        height: 1.6rem;
-        float: right;
-        font-weight: normal;
-
-        svg{
-          vertical-align: middle;
-        }
-      }
-    }
-  }
-
-  &.is-active{
-    [contenteditable=true],
-    input,
-    textarea{
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-
-    .tribute-container{
-      ul{
-        border-top: 0;
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-      }
-    }
-
-    // Quill.js
-    &.editor{
-      > :first-child{
-        border-top-left-radius: $input-radius;
-        border-top-right-radius: $input-radius;
-        border-top: $input-border-focus;
-        border-right: $input-border-focus;
-        border-left: $input-border-focus;
-      }
-
-      .editor-container{
-        border-right: $input-border-focus;
-        border-left: $input-border-focus;
-        margin-bottom: 1rem;
-        outline: none;
-      }
-    }
-  }
-}

data/app/packs/stylesheets/decidim/modules/_input-multiple-mentions.scss

@@ -1,32 +0,0 @@
-@import "tributejs/tribute";
-
-.multiple-mentions{
-  input::placeholder{
-    color: $input-multiple-placeholder-color;
-  }
-}
-
-.multiple-mentions-selected{
-  font-size: 1.3rem;
-  line-height: 1.8;
-  list-style: none;
-  margin: 1rem 0 0;
-
-  button{
-    cursor: pointer;
-  }
-
-  img{
-    &.author__avatar{
-      display: inline-block;
-      padding: 0;
-      border-radius: 50%;
-      width: 35px;
-      height: 35px;
-    }
-  }
-
-  li b{
-    font-size: .875rem;
-  }
-}