decidim-core 0.0.1.alpha2 → 0.0.1.alpha3

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

@@ -0,0 +1,119 @@
+/* Variables */
+$comment-padding: 1rem;
+
+$comment-vote-up-color: $success;
+$comment-vote-down-color: $alert;
+
+$comment-nested-bg: $light-gray;
+$comment-nested-alt-bg: $white;
+
+$comment-highlight-bg: rgba($secondary,.15);
+$comment-pinned-bg: lighten($warning,45);
+
+$comment-form-bg: $light-gray;
+
+/* Comments */
+
+.comments{
+  padding-top: 3rem;
+}
+
+.comment-thread{
+  @extend .card;
+}
+
+.comment-thread__title{
+  font-weight: normal;
+  font-size: 90%;
+  text-transform: none;
+  color: $muted;
+}
+
+.show-more--comment-thread{
+  text-align: right;
+  margin-top: -$card-margin-bottom;
+  margin-bottom: $card-margin-bottom;
+  padding-top: 3px;
+  font-size: 90%;
+}
+
+.comment{
+  &--highlight{
+    background: $comment-highlight-bg !important;
+  }
+  &--pinned{
+    background: $comment-pinned-bg !important;
+  }
+}
+
+.comment__header{
+  padding: $comment-padding;
+}
+
+.comment__content{
+  padding: 0 $comment-padding;
+  > :last-child{
+    margin-bottom: 0;
+  }
+}
+
+.comment__footer{
+  padding: $comment-padding;
+  font-size: 90%;
+}
+
+.comment--nested{
+  background: $comment-nested-bg;
+  margin: $comment-padding;
+  padding-bottom: 1px;
+  &.comment--nested--alt{
+   background: $comment-nested-alt-bg;
+  }
+  &:first-of-type{
+    margin-top: 0;
+  }
+}
+
+.comment__footer{
+  @include clearfix;
+}
+
+.comment__reply{
+  float: left;
+  color: $muted;
+}
+
+.comment__votes{
+  float: right;
+}
+.comment__votes--up{
+  color: $comment-vote-up-color;
+  &:hover{
+    color: darken($comment-vote-up-color,10);
+  }
+}
+.comment__votes--down{
+  color: $comment-vote-down-color;
+  padding-left: .3rem;
+  &:hover{
+    color: darken($comment-vote-down-color,10);
+  }
+}
+
+/* Comment form */
+
+.add-comment{
+  background: $comment-form-bg;
+  padding: $comment-padding;
+  .button{
+    margin-bottom: 0;
+  }
+}
+
+.add-comment--reply{
+  display: none;
+  &.is-active{
+    display: block;
+  }
+}
+

data/app/assets/stylesheets/decidim/modules/_defintion-data.scss

@@ -0,0 +1,54 @@
+.definition-data{
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.definition-data__item{
+	display: block;
+	padding: .75rem .5rem;
+  border-bottom: $border;
+  flex-basis: 100%;
+	&:last-child{
+		border-bottom: 0;
+	}
+}
+
+.definition-data__item--double{
+  display: inline-block;
+  flex-basis: 50%;
+  width: 50%;
+  border-right: $border;
+  &:nth-of-type(even){
+    border-right: 0;
+  }
+  &:nth-last-child(2):nth-child(odd){
+		border-bottom: 0;
+	}
+}
+
+.definition-data__title{
+	display: block;
+	text-transform: uppercase;
+  font-size: 85%;
+  line-height: 1;
+  margin-bottom: .25rem;
+  color: $muted;
+}
+
+.definition-data__number{
+  display: block;
+  line-height: 1;
+  font-weight: 600;
+  font-size: rem-calc(20);
+  color: $body-font-color;
+  margin-bottom: .2rem;
+}
+
+.definition-data__text{
+  display: block;
+  margin: .5rem;
+  color: $body-font-color;
+  text-transform: none;
+  font-size: 1rem;
+  line-height: $global-lineheight;
+}

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

@@ -0,0 +1,43 @@
+
+.extra{
+  text-align: center;
+  margin-bottom: 1rem;
+  .button:last-of-type{
+    margin-bottom: 0;
+  }
+}
+
+.extra__suport-number{
+  display: block;
+  font-weight: 600;
+  font-size: 3rem;
+  line-height: 1;
+}
+
+.extra__suport-text{
+  display: block;
+  text-transform: uppercase;
+  line-height: 1;
+  font-size: .9rem;
+  margin-bottom: .5rem;
+}
+
+.extra__date{
+  font-size: 3rem;
+  line-height: 1;
+}
+.extra__month{
+  display: block;
+  text-transform: uppercase;
+  font-size: 1rem;
+}
+.extra__time{
+  display: block;
+  font-size: 1.2rem;
+  margin: 1rem 0;
+  font-weight: 600;
+}
+
+.extra--text{
+  text-align: left;
+}

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

@@ -0,0 +1,96 @@
+//Variables
+
+$filters-bg: darken($light-gray, 2.5);
+$filters-border: $border;
+$filters-padding: 1rem;
+$filters-padding-x: 1rem;
+$filters-padding-y: 1rem;
+
+
+//Styles
+.filters-wrapper{
+  @include breakpoint(medium){
+    display: flex;
+  }
+}
+
+.filters-controls{
+  @include clearfix;
+  margin: 1rem 0 2rem;
+}
+
+.filters-controls__trigger{
+  width: 100%;
+  font-weight: 600;
+  text-align: left;
+  background: $light-gray;
+  padding: .5rem;
+  border: $border;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.filters{
+  display: none;
+  min-height: 100%;
+  //background-color: $filters-bg;
+  //border: $filters-border;
+  //margin: $filters-margin-small-y $filters-margin-small-x 0;
+  padding: $filters-padding;
+  @include breakpoint(medium){
+    display: block;
+    padding: 0;
+    margin: 0;
+  }
+  .reveal &{
+    display: block;
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+}
+.js .filters__content{
+  display: none;
+  &.is-active{
+    display: block;
+  }
+  @include breakpoint(medium){
+    display: block;
+  }
+}
+
+.filters__section{
+  border-bottom: $border;
+  padding: $filters-padding-x $filters-padding-y;
+  &:first-of-type{
+    padding-top: $filters-padding-x*1.5;
+  }
+  &:last-of-type{
+    padding-bottom: $filters-padding-x*1.5;
+    border-bottom: none;
+  }
+  
+  label{
+    line-height: 1.2;
+    margin-bottom: .4rem;
+  }
+  
+  .button{
+    margin-bottom: 0;
+  }
+}
+
+.filters__info__title{
+  margin-bottom: 0;
+}
+
+.filters__info__icon{
+  margin-left: .25rem;
+}
+
+.filters__search{
+  .input-group{
+    margin-bottom: 0;
+  }
+}

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

@@ -0,0 +1,9 @@
+.flag{
+  ul{
+    list-style: none;
+    margin-left: 0;
+  }
+  li a{
+    color: $anchor-color;
+  }
+}

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

@@ -0,0 +1,90 @@
+//Vars
+$main-footer-bg: $black;
+$mini-footer-bg: $dark-gray;
+
+//Common
+
+.main-footer,
+.mini-footer{
+  color: $medium-gray;
+  a{
+    color: darken($medium-gray, 40%);
+    &:hover{
+      color: darken($medium-gray, 20%);
+    }
+  }
+}
+
+//Main footer
+.main-footer{
+  background-color: $main-footer-bg;
+  position: relative;
+  padding: 1rem 0;
+  min-height: 76px;
+}
+
+.main-footer__badge{
+  display: block;
+  width: 140px;
+  @include breakpoint(large){
+    position: absolute;
+  }
+}
+
+.main__footer__nav{
+  text-align: center;
+  @include breakpoint(medium){
+    text-align: left;
+  }
+  @include breakpoint(large){
+    text-align: center;
+  }
+}
+
+.footer-nav{
+  list-style: none;
+  padding-top: .5rem;
+  margin: 0 0 0 -1rem;
+  li{
+    display: inline-block;
+    padding: 0 1rem;
+  }
+  @include breakpoint(large){
+    margin-left: 0;
+  }
+}
+
+.main__footer__social{
+  text-align: center;
+  @include breakpoint(medium){
+    text-align: right;
+  }
+}
+
+.footer-social{
+  list-style: none;
+  padding-top: .5rem;
+  margin: 0;
+  li{
+    display: inline-block;
+    padding-left: 1rem;
+    &:first-child{
+      padding-left: 0;
+    }
+  }
+}
+
+.footer-social__icon .icon{
+  width: 16px;
+  height: 16px;
+}
+
+//Mini footer
+.mini-footer{
+  padding: 1rem 0;
+  background-color: $mini-footer-bg;
+}
+
+.cc-badge{
+  margin-right: .5rem;
+}

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

@@ -0,0 +1,30 @@
+/* Froms foundation overwrites*/
+
+.input-group-button button{
+  height: 2.5rem;
+  padding: .5rem 1rem;
+}
+
+.help-text{
+  line-height: 1.2;
+}
+
+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;
+  }
+}