decidim-core 0.9.3 → 0.10.0

data/app/assets/stylesheets/decidim/modules/_collapsible-list.scss

@@ -0,0 +1,19 @@
+// @Component
+.collapsible-list{
+  &.is-filtered{
+    > div:nth-of-type(1n+8){
+      display: none;
+    }
+
+    &.small{
+      > div:nth-of-type(1n+4){
+        display: none;
+      }
+    }
+  }
+
+  > *{
+    display: inline-block;
+    margin: 0 0 .5rem;
+  }
+}

data/app/assets/stylesheets/decidim/modules/_data-picker.scss

@@ -6,7 +6,6 @@
     cursor: pointer;
     display: block;
     width: 100%;
-    margin-bottom: 1rem;
     padding: .4rem .7rem;
     border: 1px solid #e8e8e8;
     border-radius: 4px;

data/app/assets/stylesheets/decidim/modules/_docs-manager.scss

@@ -0,0 +1,16 @@
+.docs__container{
+  h6{
+    cursor: pointer;
+    text-transform: uppercase;
+  }
+
+  svg{
+    color: $medium-gray;
+  }
+
+  .docs__content{
+    border-left: $border;
+    padding-left: 1rem;
+    margin-left: .25rem;
+  }
+}

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

@@ -1,12 +1,21 @@
+$icon-size: rem-calc(14);
+$icon-size-small: rem-calc(10);
+$icon-size-big: rem-calc(24);
+
 .icon{
-  width: 14px;
-  height: 14px;
+  width: $icon-size;
+  height: $icon-size;
   fill: currentColor;
 }
 
 .icon--small{
-  width: 10px;
-  height: 10px;
+  width: $icon-size-small;
+  height: $icon-size-small;
+}
+
+.icon--big{
+  width: $icon-size-big;
+  height: $icon-size-big;
 }
 
 .icon--action{

data/app/assets/stylesheets/decidim/modules/_margins.scss

@@ -15,3 +15,42 @@ $margin-l: 5rem;
 .m-bottom{
   margin-bottom: $margin-s;
 }
+
+// helpers
+$size:(
+  none: 0,
+  s: $margin-s,
+  sm: $margin-sm,
+  m: $margin-m,
+  l: $margin-l
+) !default;
+
+$property:(
+  p: padding,
+  m: margin
+) !default;
+
+$side:(
+  t: top,
+  r: right,
+  b: bottom,
+  l: left
+) !default;
+
+@mixin make-spaces(){
+  @each $p-key, $prop in $property{
+    @each $v-key, $value in $size{
+      .#{$p-key}-#{$v-key}{
+        #{$prop}: #{$value};
+      }
+
+      @each $s-key, $side in $side{
+        .#{$p-key}#{$s-key}-#{$v-key}{
+          #{$prop}-#{$side}: #{$value};
+        }
+      }
+    }
+  }
+}
+
+@include make-spaces()

data/app/assets/stylesheets/decidim/modules/_modules.scss

@@ -38,6 +38,7 @@
 @import "pagination";
 @import "data-picker";
 @import "progress-bar";
+@import "docs-manager";
 
 //Process elements
 @import "process-header";
@@ -60,3 +61,6 @@
 @import "cookie-bar";
 @import "map";
 @import "omnipresent_banner";
+@import "wizard-steps";
+@import "collapsible-list";
+@import "block-banner";

data/app/assets/stylesheets/decidim/modules/_navbar.scss

@@ -48,6 +48,32 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   }
 }
 
+.topbar__search{
+  position: relative;
+
+  input,
+  input:focus{
+    color: $navbar-color-hover;
+    border: 0;
+    padding-left: $input-padding * 4;
+    box-shadow: none;
+    background: $navbar-active-bg;
+
+    @include breakpoint(medium){
+      background: $navbar-bg;
+    }
+  }
+
+  svg{
+    color: $input-placeholder-color;
+    position: absolute;
+    top: 50%;
+    left: $input-padding;
+    transform: translateY(-50%);
+    opacity: .5;
+  }
+}
+
 /* Top bar */
 .topbar{
   display: flex;

data/app/assets/stylesheets/decidim/modules/_process-phase.scss

@@ -90,3 +90,52 @@
   font-weight: 600;
   font-size: 90%;
 }
+
+.process-phase{
+  @extend .process-header__phase;
+
+  padding: 0;
+
+  .process-header__progress{
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+    border-bottom: 1px solid $muted;
+    padding: .5rem 1rem;
+
+    ol{
+      flex: 1;
+    }
+
+    .phase-current{
+      margin-left: 1rem;
+    }
+  }
+}
+
+.process-header__body{
+  padding: 1rem 1rem 1.5rem;
+
+  .process-header__link{
+    margin-top: .5rem;
+  }
+}
+
+.process-header__button{
+  .button{
+    border-color: $primary;
+  }
+}
+
+.phase-title--initiatives{
+  @extend .phase-title;
+
+  font-size: 1.125rem;
+  margin: 0 0 .5rem;
+}
+
+.phase-subtitle--initiatives{
+  @extend .phase-title;
+
+  font-size: rem-calc(15);
+}

data/app/assets/stylesheets/decidim/modules/_reveal.scss

@@ -13,8 +13,47 @@
 .reveal__header{
   border-bottom: $border;
   margin-bottom: 1rem;
+
+  &.reveal__header--nomargin{
+    margin-bottom: 0;
+  }
+}
+
+.reveal__footer{
+  border-top: $border;
+}
+
+.reveal__bg{
+  background-color: $light-gray-dark;
 }
 
 .reveal__title{
   margin-top: -6px;
 }
+
+.reveal__list{
+  @extend .list-reset;
+
+  li{
+    @extend .p-s;
+  }
+
+  li.selected{
+    background-color: rgba($warning, .3);
+    display: flex;
+    justify-content: space-between;
+
+    svg{
+      color: $success;
+      align-self: center;
+    }
+  }
+
+  li:hover{
+    cursor: pointer;
+  }
+
+  li:not(:last-child){
+    border-bottom: $border;
+  }
+}

data/app/assets/stylesheets/decidim/modules/_typography.scss

@@ -121,11 +121,56 @@ hr{
   font-size: 130%;
 }
 
+.text-medium{
+  font-size: 90%;
+  color: $muted;
+}
+
 .text-small{
   font-size: 80%;
   color: $muted;
 }
 
+.text-uppercase{
+  text-transform: uppercase;
+}
+
 .word-wrapper{
   display: inline-block;
 }
+
+/* HTML inline text elements. Modifiers color text */
+a,
+abbr,
+acronym,
+b,
+bdo,
+big,
+br,
+button,
+cite,
+code,
+dfn,
+em,
+i,
+img,
+input,
+kbd,
+label,
+map,
+object,
+q,
+samp,
+script,
+select,
+small,
+span,
+strong,
+sub,
+sup,
+textarea,
+time,
+tt,
+var{
+  @include modifiers(color);
+}

data/app/assets/stylesheets/decidim/modules/_wizard-steps.scss

@@ -0,0 +1,45 @@
+.wizard__steps{
+  list-style-type: none;
+  margin-left: .25rem;
+
+  &.steps-toggle{
+    margin-top: 1rem;
+  }
+
+  li{
+    border: none;
+    color: $primary;
+    border-left: 2px solid $primary;
+    box-sizing: border-box;
+    border-radius: 0;
+    padding: 1rem 0;
+    font-size: .875rem;
+    cursor: default;
+  }
+
+  li::before{
+    border-radius: 50%;
+    background-color: $primary;
+    content: "";
+    display: inline-block;
+    float: left;
+    height: 10px;
+    line-height: 10px;
+    text-align: center;
+    width: 10px;
+    margin: .4rem 4px 0 -6px;
+  }
+
+  .step--active{
+    font-weight: bold;
+
+    & ~ li{
+      color: $muted;
+      border-left: 2px solid $muted;
+
+      &::before{
+        background-color: $muted;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/decidim/utils/_helpers.scss

@@ -23,3 +23,17 @@
     margin-bottom: 0;
   }
 }
+
+.flex-center{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  > :first-child{
+    margin-right: .5rem;
+  }
+
+  > :last-child{
+    margin-left: .5rem;
+  }
+}

data/app/assets/stylesheets/decidim/utils/_mixins.scss

@@ -56,3 +56,37 @@ $palette: $foundation-palette;
     }
   }
 }
+
+@mixin flexgap($gap: 0, $dir: row){
+  display: flex;
+  flex-direction: $dir;
+
+  @if $dir == row{
+    & > *{
+      margin: 0 $gap/2;
+    }
+
+    & > :first-child{
+      margin-left: 0;
+    }
+
+    & > :last-child{
+      margin-right: 0;
+    }
+  }
+
+  @else if $dir == column{
+    & > *{
+      margin: $gap/2 0;
+    }
+
+    & > :first-child{
+      margin-top: 0;
+    }
+
+    & > :last-child{
+      margin-bottom: 0;
+    }
+  }
+}
+

data/app/assets/stylesheets/decidim/utils/_settings.scss

@@ -497,7 +497,10 @@ $meter-fill-bad: $alert-color;
 // 25. Off-canvas
 // --------------
 
-$offcanvas-size: 250px;
+$offcanvas-sizes: (
+  small: 250px
+);
+
 $offcanvas-background: $light-gray;
 $offcanvas-shadow: 0 0 10px rgba($black, .7);
 $offcanvas-inner-shadow-size: 20px;
@@ -829,9 +832,9 @@ $titlebar-icon-spacing: .25rem;
 // 54. Tooltip
 // -----------
 
-$has-tip-cursor: help;
+$has-tip-cursor: pointer;
 $has-tip-font-weight: $global-weight-bold;
-$has-tip-border-bottom: dotted 1px $dark-gray;
+$has-tip-border-bottom: 0;
 $tooltip-background-color: $black;
 $tooltip-color: $white;
 $tooltip-padding: .75rem;