decidim-core 0.0.1.alpha2 → 0.0.1.alpha3

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

@@ -0,0 +1,14 @@
+.help{
+  vertical-align: -2px;
+  .icon{
+    width: 14px;
+    height: 14px;
+    fill: $white;
+    background: lighten($muted, 20);
+    border-radius: 50%;
+    padding: 2px;
+    &:hover{
+      background: $anchor-color;
+    }
+  }
+}

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

@@ -0,0 +1,32 @@
+.icon{
+  width: 14px;
+  height: 14px;
+  fill: currentColor;
+}
+
+.icon--small{
+  width: 10px;
+  height: 10px;
+}
+
+.icon--action{
+  fill: rgba(black, .2);
+}
+
+.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/assets/stylesheets/decidim/modules/_layout.scss

@@ -0,0 +1,58 @@
+.wrapper{
+  padding: 3rem 1rem;
+  @include breakpoint(medium){
+    padding-top: 5rem;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  @include breakpoint(large){
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+}
+
+.wrapper--inner{
+  background: $light-gray-dark;
+  padding-top: 1rem;
+}
+
+//Flexbox sticky footer
+body{
+  display: flex;
+  flex-direction: column;
+  height: auto;
+  min-height: 100%;
+  @include breakpoint(smallmedium down){
+    background-color: $dark-gray;
+  }
+}
+
+.footer-separator{
+  flex-grow: 1;
+}
+
+//fixes for off-canvas wrappers
+.off-canvas-wrapper,
+.off-canvas-wrapper-inner,
+.off-canvas-content{
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+.off-canvas{
+  background-color: $dark-gray;
+  .close-button{
+    color: $light-gray;
+    padding: .2rem .5rem;
+    margin-right: -.5rem;
+  }
+}
+
+//Sections
+.section{
+  margin-bottom: 3rem;
+  @include breakpoint(large){
+    margin-bottom: 5rem;
+  }
+}

data/app/assets/stylesheets/decidim/modules/_list-docs.scss

@@ -0,0 +1,30 @@
+.list-docs{
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.list-docs__icon{
+  color: $muted;
+  margin-right: 3px;
+}
+
+.list-check{
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  > li{
+    margin-bottom: 1rem;
+  }
+}
+
+.list-check__icon{
+  vertical-align: -.05rem;
+  margin-right: .2rem;
+  .list-check__ok &{
+    color: $success;
+  }
+  .list-check__ko &{
+    color: $alert;
+  }
+}

data/app/assets/stylesheets/decidim/modules/_main-container.scss

@@ -0,0 +1,70 @@
+/* Variables */
+
+$container-bg: $white;
+$container-border: $border;
+$container-shadow: 0 2px 7px rgba(black,.1);
+$container-padding-x: 0.5rem;
+$container-padding-y: 1rem;
+$container-padding-2x: 2rem;
+$container-padding-2y: 2rem;
+
+/* Main container */
+
+.main-container{
+  background: $container-bg;
+  border: $container-border;
+
+}
+
+.main-container__content{
+  padding: $container-padding-y $container-padding-x;
+  @include breakpoint(medium){
+    padding: $container-padding-2y $container-padding-2x;
+  }
+}
+
+/* Main container side panel */
+
+.main-container--side-panel{
+  @include breakpoint(medium){
+    display: flex;
+  }
+}
+
+.side-panel{
+  background-color: $light-gray-dark;
+  min-height: 100%;
+  border-bottom: $border;
+  @include breakpoint(medium){
+    border-bottom: 0;
+    border-right: $border;
+  }
+}
+
+.side-panel__content{
+  
+}
+
+.side-panel__tabs{
+  border: none;
+  .tabs-title{
+    border-bottom: $border;
+    &:last-of-type{
+      @include breakpoint(medium){
+        margin-bottom: 4rem;
+      }
+    }
+    >[role=tab],
+    >a{
+      color: $body-font-color;
+      &:hover{
+        color: $anchor-color;
+      }
+    }
+    &.is-active >[role=tab],
+    &.is-active >a{
+      color: $anchor-color;
+      box-shadow: inset 4px 0 0 $primary;
+    }
+  }
+}

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

@@ -0,0 +1,72 @@
+.google-map {
+  width: 100%;
+  height: 200px;
+  background-color: $medium-gray;
+  margin-bottom: 2rem;
+  @include breakpoint(mediumlarge){
+    height: 450px;
+  }
+}
+
+.map-info{
+  background: $primary;
+  border-radius: $global-radius;
+  > div:first-child{ //Map styles container
+    > div:first-child{ //Triangle
+      border-top-color: $primary !important;
+    }
+    > div:nth-child(2){
+      background-color: transparent !important;
+      border-radius: $global-radius !important;
+    }
+  }
+  *{
+    box-shadow: none !important;
+  }
+}
+
+.map-info__content{
+  padding-top: 1rem;
+  padding-left: 1.2rem;
+}
+
+.map__date-adress{
+  @include breakpoint(medium){
+    display: flex;
+  }
+  margin-bottom: 1rem;
+  .card__datetime{
+    float: none;
+    border-color: $primary;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-right: 0;
+    margin-bottom: 1rem;
+    padding: .5em 1em;
+    @include breakpoint(medium){
+      margin-right: .5rem;
+      margin-bottom: 0;
+    }
+  }
+  .address{
+    flex: 1;
+    margin-bottom: 0;
+  }
+  .address__icon{
+    display: none;
+    @include breakpoint(medium){
+      display: block;
+    }
+  }
+  .card__extra{
+    padding: 0 1rem;
+  }
+}
+
+.map-info__button{
+  text-align: center;
+  .button{
+    min-width: 12em;
+  }
+}

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

@@ -0,0 +1,258 @@
+/* Variables */
+
+$navbar-bg: $dark-gray;
+$navbar-bg-hover: rgba(white,.02);
+$navbar-color: rgba(white,.5);
+$navbar-color-hover: $white;
+$navbar-active-color: $white;
+$navbar-active-bg: $navbar-bg-hover;
+$navbar-active-shadow-small: inset 4px 0 0 0 $primary;
+$navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
+
+/* Navigation */
+
+.navbar{
+  background: $navbar-bg;
+}
+
+/* Title bar */
+
+.title-bar{
+  position: relative;
+  @include breakpoint(smallmedium down){
+    border-top: 2.125rem solid $dark-gray;
+  }
+}
+
+.logo-cityhall{
+  position: absolute;
+  z-index: 1;
+  right: 0;
+  top: 0;
+  margin-top: -1.95rem;
+  text-align: right;
+  img{
+    width: auto;
+    height: 22px !important;
+  }
+
+  @include breakpoint(medium){
+    top: 50%;
+    margin-top: -19px;
+    img{ 
+      height: 38px !important;
+    }
+  }
+}
+
+
+/* Top bar */
+.topbar{
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.logo-wrapper{
+  display: inline-block;
+  line-height: 0;
+  flex-grow: 1;
+  a{
+    display: inline-block;
+  }
+  img{
+    display: block;
+  }
+}
+
+/* Dropmenus in topbar */
+.topbar__dropmenu{
+  display: inline-block;
+  vertical-align: middle;
+  padding-top: 0;
+  margin-left: 2rem;
+  .dropdown > li > a{
+    padding-left: 0;
+  }
+  .dropdown{
+    display: inline-block;
+    vertical-align: middle;
+  }
+  .is-dropdown-submenu{
+    text-align: left;
+    padding-left: .3rem;
+    background-color: $white;
+    border: 1px solid $light-gray;
+    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
+    min-width: 150px;
+    a{
+      color: $body-font-color;
+      padding: .5rem;
+    }
+    a:hover{
+      color: lighten($body-font-color, 20);
+    }
+  }
+}
+
+//Foundation overwrites
+.topbar__dropmenu > ul > li > a{
+  color: $medium-gray;
+  &:after{
+    margin-top: -1px !important;
+    border-top-color: $medium-gray !important;
+  }
+}
+
+
+
+.language-choose{
+  @include breakpoint(smallmedium down){
+    font-size: .8rem;
+    position: absolute;
+    top: -2.2rem;
+    left: .5rem;
+    margin-left: 0;
+    .dropdown.menu > li.is-dropdown-submenu-parent > a::after{
+      border-width: 3px;
+      right: 10px;
+      margin-top: 0;
+    }
+  }
+}
+
+
+.topbar__user{
+  display: inline-block;
+  padding-right: 2.5rem;
+  margin-left: 2rem;
+  @media (min-width: (1300 / 16) + em){
+    padding-right: 0;
+  }
+}
+
+.topbar__user__logged{
+  text-align: right;
+  padding-right: 2.5rem;
+  display: none;
+  @include breakpoint(medium){
+    display: block;
+  }
+  @media (min-width: (1300 / 16) + em){
+    padding-right: 0;
+  }
+}
+
+
+.topbar__notifications{
+  margin-right: .5rem;
+  vertical-align: -4px;
+  .icon{
+    fill: $white;
+    opacity: .3;
+  }
+  &.is-active .icon{
+    fill: $warning;
+    opacity: 1;
+  }
+}
+
+.topbar__user__login{
+  text-align: right;
+  line-height: 1.2;
+  a{
+    color: $medium-gray;
+    font-weight: 600;
+    &:hover{
+      color: $anchor-color;
+    }
+  }
+  a:first-of-type:after{
+    content: "";
+    margin-left: .5rem;
+    margin-right: .5rem;
+    display: inline-block;
+    width: 1px;
+    height: 2px;
+    border-left: $border;
+    vertical-align: middle;
+  }
+}
+
+
+/* Menu icon and off-canvas */
+.topbar__menu{
+  text-align: right;
+  font-size: 20px;
+  margin-right: .1rem;
+}
+
+.usermenu-off-canvas-holder .usermenu-off-canvas{
+  border-top: 1px solid;
+  border-bottom: 1px solid;
+  &.is-dropdown-submenu{
+    display: block;
+    position: static;
+    background: transparent;
+    border-left: 0;
+    border-right: 0;
+  }
+  a{
+    display: block;
+    padding: 1em 2em;
+    color: $navbar-color;
+    &:hover{
+      background: $navbar-bg-hover;
+      color: $navbar-color-hover;
+    }
+  }
+}
+
+
+.off-canvas .topbar__user__login{
+  text-align: center;
+  margin-top: 1rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  border-top: 1px solid;
+  border-bottom: 1px solid;
+}
+
+
+/* Main nav */
+.main-nav{
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  overflow-x: auto;
+
+  @include breakpoint(medium) {
+    -webkit-overflow-scrolling: touch;
+    white-space: nowrap;
+    display: flex;
+    >li{
+      display: inline-block;
+      flex: 1;
+      text-align: center;
+    }
+  }
+}
+
+.main-nav__link{
+  display: block;
+  padding: 1em 2em;
+  color: $navbar-color;
+  &:hover{
+    background: $navbar-bg-hover;
+    color: $navbar-color-hover;
+  }
+}
+
+.main-nav__link--active{
+  box-shadow: $navbar-active-shadow-small;
+  color: $navbar-active-color;
+  background: $navbar-active-bg;
+   @include breakpoint(medium) {
+    box-shadow: $navbar-active-shadow-medium;
+  }
+}