Contents

//Variables
$order-border: $border;

/* Order by styles */
.order-by{
  margin-bottom: 1rem;
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;

  & + &{
    @include breakpoint(medium){
      margin-left: $global-margin;
    }

    @include breakpoint(large){
      margin-left: $global-margin * 3;
    }
  }
}

.order-by__dropdown{
  display: flex;
  flex-wrap: wrap;

  .menu{
    .is-dropdown-submenu-parent > a{
      padding: 0;
      margin-left: .5rem;
      margin-top: .25rem;
    }
  }
}

.order-by__dropdown--right{
  margin-left: auto;
}

.order-by__action{
  margin-left: auto;
  justify-content: flex-end;

  .button{
    margin-bottom: 0;
  }
}

.order-by__tabs{
  display: inline-block;

  span{
    opacity: .5;
  }
}

.order-by__tab{
  color: $muted;

  &::after{
    content: "";
    display: inline-block;
    height: .75em;
    border-left: $border;
    margin: 0 .2em 0 .5em;
    vertical-align: middle;
  }

  &.is-active{
    color: $anchor-color;
  }

  &:first-of-type{
    padding-left: 0;
  }

  &:last-of-type::after{
    border-left: none;
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
decidim-core-0.16.1	app/assets/stylesheets/decidim/modules/_order-by.scss
decidim-core-0.16.0	app/assets/stylesheets/decidim/modules/_order-by.scss