decidim-core 0.0.1.alpha2 → 0.0.1.alpha3

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

@@ -0,0 +1,44 @@
+//Variables
+$info-details-color: $muted;
+$info-image-spacing-x: $container-padding-2x;
+$gutter-medium: map-get($grid-column-gutter, medium);
+
+//Styles
+
+.info-header{
+  margin-bottom: 2rem;
+  @include breakpoint(medium){
+    display: flex;
+    align-items: center;
+  }
+}
+
+.info-details{
+  color: $info-details-color;
+  margin-left: auto;
+  .share{
+    text-align: left;
+    margin-top: .2rem;
+    ul{
+      margin-left: 0;
+    }
+  }
+  @include breakpoint(medium){
+    border-left: $border;
+  }
+}
+.info-image{
+  margin-bottom: 1rem;
+  img{
+    display: block;
+  }
+  @include breakpoint(medium){
+    float: right;
+    margin-left: $gutter-medium;
+    width: 50%;
+  }
+  @include breakpoint(large){
+    margin-right: calc(-50% - #{$container-padding-2x} - #{$gutter-medium}/2);
+    width: 80%;
+  }
+}

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

@@ -0,0 +1,99 @@
+/* Variables */
+
+
+/* Navigation */
+
+.process-nav{
+  background-color: $white;
+  border: $border;
+  padding: .75rem $container-padding-y;
+  margin-top: 1rem;
+  ul{
+    margin: 0;
+    list-style: none;
+  }
+  .about-link{
+    font-size: 80%;
+  }
+  @include breakpoint(medium){
+    ul{
+      overflow-x: auto;
+      -webkit-overflow-scrolling: touch;
+      white-space: nowrap;
+      display: flex;
+      align-items: center;
+    }
+    ul::-webkit-scrollbar{
+      display: none;
+    }
+    li{
+      display: inline-block;
+      margin-right: 1.5rem;
+    }
+    .about-link{
+      float: right;
+      margin-right: 0;
+      margin-left: auto;
+    }
+  }
+}
+
+.process-nav__trigger{
+  display: block;
+  width: 100%;
+  text-align: left;
+  position: relative;
+}
+
+.process-nav__trigger__icon{
+  position: absolute;
+  right: .5rem;
+  top: .55rem;
+}
+
+.js .process-nav__content{
+  @include breakpoint(smallmedium down){
+    display: none;
+  }
+  &.is-active{
+    display: block;
+  }
+}
+
+.process-nav__content li{
+  @include breakpoint(smallmedium down){
+    margin-top: 1rem;
+  }
+  &.is-active{
+    @include breakpoint(smallmedium down){
+      display: none;
+    }
+  }
+}
+
+.process-nav__link{
+  display: block;
+  color: $muted;
+  text-transform: uppercase;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+ 
+
+  svg{
+    margin-right: .4em;
+    width: 25px;
+    height: 25px;
+    fill: $muted;
+  }
+}
+
+@include breakpoint(medium){
+  .process-nav__link:hover,
+  .process-nav__link.is-active{
+    color: $primary;
+    svg{
+      fill: $primary;
+    }
+  }
+}

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

@@ -0,0 +1,6 @@
+.reference{
+  color: $muted;
+  font-size: .9rem;
+  text-align: center;
+  margin-bottom: 1rem;
+}

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

@@ -0,0 +1,20 @@
+/* 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__title{
+  margin-top: -6px;
+}

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

@@ -0,0 +1,28 @@
+//Variables
+$share-border: $border;
+$share-color: $muted;
+
+//Styles
+.share{
+  text-align: center;
+  ul{
+    display: inline-block;
+    list-style: none;
+    margin: 0 0 0 .5rem;
+  }
+  li{
+    display: inline-block;
+  }
+}
+
+.share__icon{
+  color: $share-color;
+  border: $share-border;
+  border-radius: 50%;
+  display: inline-block;
+  width: 1.8em;
+  height: 1.8em;
+  text-align: center;
+  padding: .1em 0 0;
+  margin-right: .5em;
+}

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

@@ -0,0 +1,39 @@
+.register__separator{
+  display: block;
+  text-align: center;
+  position: relative;
+  z-index: 1;
+  font-style: italic;
+  margin: 1rem 0 2rem;
+  &:before{
+    content: "";
+    display: block;
+    height: 1px;
+    width: 100%;
+    background-color: $medium-gray;
+    position: absolute;
+    top: 50%;
+    z-index: -1;
+  }
+}
+
+.register__separator__text{
+  display: inline-block;
+  background: $light-gray;
+  padding: 0 1rem;
+}
+
+.register-form{
+  margin-top: 2rem;
+  input[type="text"],
+  input[type="email"],
+  input[type="password"]{
+    height: 3rem;
+  }
+  .button{
+    margin: 2rem 0;
+  }
+  legend{
+    margin-bottom: 1rem;
+  }
+}

data/app/assets/stylesheets/decidim/modules/_static-pages.scss

@@ -0,0 +1,46 @@
+.static-with-nav{
+  @include breakpoint(medium){
+    display: flex;
+  }
+}
+
+.static__content{
+  //padding: 2rem 1rem;
+  @include breakpoint(medium){
+    //padding: 2rem 1.5rem;
+  }
+}
+
+.static-nav{
+  min-height: 100%;
+  .list-latin{
+    list-style-type: upper-latin;
+  }
+  ul{
+    text-transform: uppercase;
+    margin-left: .5rem;
+  }
+  li{
+    color: darken($medium-gray, 30);
+    line-height: 1.2;
+    margin-bottom: .8rem;
+  }
+  a{
+    color: $body-font-color;
+    &:hover{
+      color: $anchor-color;
+    }
+  }
+}
+
+.static__message{
+  text-align: center;
+  padding: 2rem 1rem;
+  @include breakpoint(medium){
+    padding: 4rem 1.5rem;
+  }
+}
+
+.static__message__cta{
+  margin-top: 2rem;
+}

data/app/assets/stylesheets/decidim/modules/_status-labels.scss

@@ -0,0 +1,14 @@
+.label--basic{
+  background-color: lighten($dark-gray, 60);
+}
+
+.proposal-status{
+  float: left;
+  margin-right: .5rem;
+}
+
+.proposal-status--small,
+.label--small{
+  margin: .2rem .2rem .2rem 0;
+  padding: .2rem .3rem;
+}

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

@@ -0,0 +1,29 @@
+//Variables
+
+$tags-border: $border;
+
+/* Tags */
+
+.tags{
+  list-style: none;
+  margin: 0 0 1rem;
+  font-size: 90%;
+  li{
+    display: inline-block;
+    margin-right: .3rem;
+    margin-bottom: .5rem;
+  }
+  a{
+    display: block;
+    border: $tags-border;
+    padding: 0 .5rem;
+  }
+}
+
+.tags:last-child{
+	margin-bottom: -.5rem;
+}
+
+.tags--inline{
+  display: inline;
+}

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

@@ -0,0 +1,189 @@
+
+/* Variables */
+
+$timeline-color: $primary;
+$timeline-inactive-color: $medium-gray;
+
+$timeline-padding: 1rem;
+
+
+
+/* Timeline */
+
+.timeline {
+	list-style: none;
+  margin: 2rem 0 0;
+	transition: all .4s ease;
+}
+
+.timeline__item {
+  padding-bottom: 2em;
+  position: relative;
+  &:before {
+		content:"";
+		width: 3px;
+		height: 100%;
+		background: $timeline-color;
+		left: 1rem;
+		top: 0;
+		position: absolute;
+    @include breakpoint(medium){
+      left: 50%;
+    }
+	}
+	&:after {
+		content: "";
+		clear: both;
+		display: table;
+		width: 100%;
+	}
+  &:last-of-type:before{
+    width: 0;
+  }
+}
+
+.timeline__phase{
+  width: 30px;
+  height: 30px;
+  margin-left: -13px;
+  position: absolute;
+  top: 0;
+  left: 1rem;
+  display: flex;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: 50%;
+  background: $timeline-color;
+  border: 2px solid $white;
+  box-shadow: 0 0 0 1px $medium-gray;
+  @include breakpoint(medium){
+    left: 50%;
+  }
+}
+
+.timeline__phase__number{
+  display: block;
+  text-align: center;
+  line-height: 1;
+  color: $white;
+  font-weight: 600;
+  font-size: 1.2em;
+  align-self: center;
+  margin-left: 1px;
+  margin-top: -1px;
+}
+
+.timeline__desc{
+  width: 90%;
+  width: calc(100% - 45px);
+  float: right;
+  padding: $timeline-padding/2 $timeline-padding 0;
+  border: 1px solid $timeline-color;
+  border-radius: $global-radius;
+  transition: all .3s ease;
+  transform: translateY(-.4rem);
+  @include breakpoint(medium){
+    width: 45%;
+    float: left;
+  }
+  &:before {
+    content: '';
+    position: absolute;
+    right: 100%;
+    top: .6rem;
+    width: 0;
+    height: 0;
+    border-top: 10px solid transparent;
+    border-bottom: 10px solid transparent;
+    border-right: 10px solid $timeline-color;
+    @include breakpoint(medium){
+      left: 100%;
+      border-right: 0;
+      border-left: 10px solid $timeline-color;
+    }
+  }
+  .timeline__item:nth-of-type(even) &{
+    float: right;
+    &:before{
+      content: '';
+      right: 100%;
+      left: inherit;
+      border-left: 0;
+      border-right: 10px solid $timeline-color;
+    }
+  }
+}
+
+.timeline__title{
+  display: block;
+  padding: $timeline-padding/2 $timeline-padding;
+  background: $timeline-color;
+  color: $white;
+  margin: (-$timeline-padding/2) (-$timeline-padding) 0 (-$timeline-padding);
+  &:hover,
+  &:active{
+    color: $white;
+  }
+  > h6{
+    margin-bottom: 0;
+  }
+}
+
+.timeline__title__icon{
+  margin-left: 3px;
+  vertical-align: middle;
+}
+
+.timeline__content{
+  display: none;
+  padding-top: $timeline-padding/2;
+}
+
+/* Collapse styles */
+
+.timeline__desc.is-expanded{
+  .timeline__content{
+    display: block;
+  }
+  .timeline__title__icon{
+    transform: rotate(180deg);
+  }
+}
+
+/* Inactive timeline */
+
+.timeline__item--current{
+  &:before {
+		background: $timeline-inactive-color;
+	}
+}
+
+.timeline__item--inactive{
+  &:before {
+		background: $timeline-inactive-color;
+	}
+  .timeline__phase{
+    background: $timeline-inactive-color;
+  }
+  .timeline__phase__number{
+    text-shadow: 0 1px 2px rgba(black, 0.1);
+  }
+  .timeline__desc{
+    border-color: $timeline-inactive-color;
+    &:before{
+      border-right-color: $timeline-inactive-color;
+      @include breakpoint(medium){
+        border-left-color: $timeline-inactive-color;
+      }
+    }
+  }
+  .timeline__title{
+    background: $timeline-inactive-color;
+    color: inherit;
+  }
+}
+.timeline__item:nth-of-type(even).timeline__item--inactive{
+  .timeline__desc:before{
+    border-right-color: $timeline-inactive-color;
+  }
+}