decidim-core 0.8.4 → 0.9.0

data/app/assets/stylesheets/decidim/extras/_social_icons_mini.scss

@@ -1,10 +1,11 @@
-.button--social--mini {
+.button--social--mini{
   padding: 0;
   display: inline-block;
   min-width: 0;
-  .button--social__icon {
+
+  .button--social__icon{
     border: 0;
-    padding: 0.85em 0;
+    padding: .85em 0;
     margin-right: 0;
   }
 }

data/app/assets/stylesheets/decidim/layouts/_highlighted_banner.scss

@@ -0,0 +1,38 @@
+.highligted-content-banner{
+  background-size: cover;
+  position: relative;
+  z-index: 0;
+  min-height: 255px;
+
+  &::after{
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba($black, .6);
+  }
+
+  .highligted-content-banner__container{
+    position: relative;
+    z-index: 1;
+    padding: 3rem 0;
+
+    @include breakpoint(medium){
+      padding: 4rem 0;
+    }
+
+    @include breakpoint(mediumlarge){
+      padding: 5rem 0;
+    }
+
+    @include breakpoint(large){
+      padding: 6rem 0;
+    }
+
+    .row{
+      max-width: 100rem;
+    }
+  }
+}

data/app/assets/stylesheets/decidim/layouts/_home.scss

@@ -4,7 +4,8 @@
   background-size: cover;
   position: relative;
   z-index: 0;
-  &:after{
+
+  &::after{
     content: "";
     display: block;
     position: absolute;
@@ -20,13 +21,16 @@
   z-index: 1;
   text-align: center;
   padding: 3rem 0;
+
   @include breakpoint(medium){
     padding: 4rem 0;
   }
+
   @include breakpoint(mediumlarge){
     padding: 5rem 0;
   }
-   @include breakpoint(large){
+
+  @include breakpoint(large){
     padding: 6rem 0;
   }
 }
@@ -36,18 +40,23 @@
   font-size: 2rem;
   line-height: 1;
   text-shadow: 0 0 5px rgba(black, .8);
+
   br{
     display: none;
   }
+
   @include breakpoint(medium){
     font-size: 2.5rem;
+
     br{
       display: block;
     }
   }
+
   @include breakpoint(mediumlarge){
     font-size: 3.5rem;
   }
+
   @include breakpoint(large){
     font-size: 4.5rem;
   }
@@ -56,12 +65,15 @@
 .hero-cta{
   margin-top: 1rem;
   padding: 1.2rem 1rem;
+
   @include breakpoint(medium){
     margin-top: 2rem;
   }
+
   @include breakpoint(mediumlarge){
     margin-top: 3rem;
   }
+
   @include breakpoint(large){
     margin-top: 4rem;
   }
@@ -69,10 +81,12 @@
 
 .wrapper-home{
   padding: 4rem 1rem;
+
   @include breakpoint(medium){
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
+
   @include breakpoint(large){
     padding-left: 4rem;
     padding-right: 4rem;
@@ -97,11 +111,13 @@
       font-size: 1.3em;
     }
   }
+
   .heading2{
     @include breakpoint(medium down){
       font-size: 1.5em;
     }
   }
+
   .heading4{
     @include breakpoint(medium down){
       font-size: 1.2em;
@@ -113,6 +129,7 @@
   margin-top: 2rem;
   color: $primary;
   display: inline-block;
+
   .icon{
     vertical-align: -1px;
   }
@@ -122,7 +139,6 @@
   margin-top: 0;
 }
 
-
 .home-section__cta{
   margin-top: 2rem;
 }
@@ -130,6 +146,7 @@
 .home-bullets{
   margin-top: 2rem;
   margin-bottom: 2rem;
+
   @include breakpoint(mediumlarge){
     margin-top: 5rem;
     margin-bottom: 5rem;
@@ -144,6 +161,7 @@
   float: left;
   //width: 15%;
   text-align: right;
+
   svg{
     width: 30px;
     height: 30px;
@@ -162,6 +180,7 @@
   .wrapper-home{
     padding-bottom: 0;
   }
+
   #google-map{
     margin-bottom: 0;
   }
@@ -172,6 +191,7 @@
 .home-pam{
   overflow: hidden;
   margin: 2rem 0;
+
   @include breakpoint(mediumlarge){
     margin: 5rem 0;
   }
@@ -184,6 +204,7 @@
   letter-spacing: .01em;
   font-weight: 600;
   margin-bottom: 0;
+
   .home-pam__lowlight &{
     display: inline;
   }
@@ -191,12 +212,16 @@
 
 .home-pam__data{
   text-align: center;
+
   @include breakpoint(medium){
     float: left;
   }
+
   padding: .25rem;
+
   .home-pam__highlight &{
     padding: 1rem 2rem;
+
     @include breakpoint(medium){
       width: 50%;
       border-bottom: $border;
@@ -207,15 +232,19 @@
       border-right: none;
     }
   }
+
   .home-pam__lowlight &{
     float: none;
+
     @include breakpoint(mediumlarge){
       float: left;
       width: 33.33%;
+
       &:first-child{
         text-align: left;
         padding-left: 0;
       }
+
       &:last-child{
         text-align: right;
         padding-right: 0;
@@ -237,6 +266,7 @@
 .home-pam__number{
   font-size: 1.2rem;
   font-weight: 800;
+
   .home-pam__highlight &{
     font-size: 4rem;
     line-height: 1;

data/app/assets/stylesheets/decidim/layouts/_user.scss

@@ -1,24 +1,52 @@
 // User profile, notifications & settings
 
 .user-header{
+  margin-bottom: $margin-sm;
+
+  @include breakpoint(medium){
+    margin-bottom: $margin-m;
+  }
+}
+
+.user-header__main{
   @include clearfix;
+
   display: flex;
   align-items: center;
-  margin-bottom: 1rem;
 }
 
 .user-header__avatar{
-  float: left;
-  margin-right: .5rem;
+  width: 60px;
+
   > img{
     border-radius: 50%;
+    width: 40px;
   }
 }
 
 .user-header__heading{
   margin-bottom: 0;
-  >.label{
-    vertical-align: middle;
+}
+
+.user-nickname{
+  color: gray;
+  font-size: 1rem;
+
+  .user-contact_link{
+    margin-left: .5rem;
   }
 }
 
+.badge-card__content{
+  @extend .card__content;
+
+  display: flex;
+  align-items: center;
+
+  .icon{
+    height: 1.5em;
+    width: 1.5em;
+    margin-right: .7em;
+    vertical-align: middle;
+  }
+}

data/app/assets/stylesheets/decidim/layouts/_view.scss

@@ -1,6 +1,5 @@
 // Proposal, action, debate & meeting view
 
-
 //Styles
 
 .view-header{
@@ -17,6 +16,6 @@
   @include breakpoint(medium only){
     width: 50%;
     margin: 0 auto 2rem;
-    float: none
+    float: none;
   }
 }

data/app/assets/stylesheets/decidim/map.css

@@ -1,3 +1,5 @@
-/* = require leaflet */
-/* = require MarkerCluster */
-/* = require MarkerCluster.Default */
+/*
+ *= require leaflet
+ *= require MarkerCluster
+ *= require MarkerCluster.Default
+ */

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

@@ -3,6 +3,7 @@
 /* Card address */
 .address{
   @include clearfix;
+
   display: flex;
 }
 

data/app/assets/stylesheets/decidim/modules/_author-avatar.scss

@@ -9,20 +9,25 @@ $author-data-color: $muted;
 
 .author-data{
   @include clearfix();
+
   color: $author-data-color;
   font-size: .9rem;
   padding-left: 30px;
   position: relative;
+
   a,
   button{
     color: $author-data-color;
+
     &:hover{
       color: $anchor-color;
     }
   }
+
   .author__name{
     color: $anchor-color;
   }
+
   .author__avatar{
     position: absolute;
     margin-left: -30px;
@@ -33,7 +38,7 @@ $author-data-color: $muted;
   padding-left: 25px;
 }
 
-.author-data--noavatar{
+.author-data--nopadding{
   padding-left: 0;
 }
 
@@ -44,12 +49,14 @@ $author-data-color: $muted;
 
 .author-data__extra{
   display: inline-block;
-  >button,
-  >a{
+
+  > button,
+  > a{
     margin-right: 1rem;
   }
+
   @include breakpoint(large){
-    &:before{
+    &::before{
       content: "";
       margin-right: .8rem;
       border-right: $border;
@@ -65,35 +72,37 @@ $author-data-color: $muted;
   font-size: .9rem;
 }
 
-
 .author--inline{
   display: inline-block;
+
+  span{
+    padding-right: 5px;
+  }
 }
 
 .author__name{
   display: inline-block;
   flex-grow: 1;
+  font-weight: 600;
   align-self: center;
   color: $author-color;
-  .card__footer &{
-    color: $footer-author-color;
-  }
 }
 
 a:hover .author__name{
   color: inherit;
 }
 
-
 .author__avatar{
   padding: 0 .5em 0 0;
   display: inline-block;
   display: flex;
   flex-direction: column;
   align-self: center;
+
   .author--inline &{
     display: inline-block;
   }
+
   img{
     border-radius: 50%;
     width: 100%;
@@ -106,6 +115,7 @@ a:hover .author__name{
   .author-data &{
     margin-left: -25px;
   }
+
   img{
     max-width: 20px;
     margin-top: -3px;
@@ -117,3 +127,8 @@ a:hover .author__name{
   color: $date-color;
   font-size: $date-font-size;
 }
+
+.author__verified{
+  display: inline-block;
+  vertical-align: middle;
+}