Contents

$card-padding-small: 1rem;

.card-title{
  @include smallcaps;

  button:not(.clear){
    @include smallcaps;
  }

  // clearfix if there is no flex--* class in the same element
  &:not([class*="flex--"]){
    @include clearfix;
  }

  font-size: 1rem;
  width: 100%;
}

.card-footer{
  padding: $card-padding;
  border-top: 1px solid rgba(black, .1);

  .button--remove{
    margin-left: auto;
  }
}

.card__icon-open{
  display: none;
}

.card--collapsed{
  .card-section,
  .card-footer{
    display: none;
  }

  .card__icon-close{
    display: none;
  }

  .card__icon-open{
    display: block;
  }
}

.card--list__item{
  display: flex;
  align-items: center;
  padding-left: $card-padding-small;

  .card--list--mini &{
    padding-left: $card-padding-small;
  }

  @include breakpoint(medium){
    padding-left: $card-padding;
  }
}

.card--list__icon{
  display: none;
  fill: $anchor-color;

  @include breakpoint(medium){
    margin-right: 1rem;
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
  }
}

.card--list__text{
  flex-grow: 1;
  flex-shrink: 1;
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  padding: 1rem 1rem 1rem 0;

  .card--list--mini &{
    padding: .5rem .5rem .5rem 0;
  }

  .author{
    margin-top: .3rem;
    margin-right: 1rem;
  }
}

.card--list__heading{
  margin-bottom: 0;
  display: block;
}

.card-divider--reduced{
  // height adjust
  padding: (($global-padding / 2) + rem-calc(.7)) $global-padding;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
decidim-admin-0.10.1	app/assets/stylesheets/decidim/admin/modules/_cards.scss
decidim-admin-0.10.0	app/assets/stylesheets/decidim/admin/modules/_cards.scss