zui/src/less/views/list.less

一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。

/// ========================================================================
/// ZUI: list.less
/// http://openzui.com
/// ========================================================================
/// Copyright 2014-2020 cnezsoft.com; Licensed MIT
/// ========================================================================


// List view

.list {
  padding: 0 @list-padding;
  > header {
    padding-bottom: 10px;
    border-bottom: 1px solid @color-gray-lighter;
  }
}


.items {
  .item {
    border-bottom: 1px solid @color-gray-lighter;
    padding: 10px 0;
    .transition(all,@animation-speed-normal,@animation-type);
  }

  .item-heading {
    > h6, h5, h4, h3, h2, h1 {
      margin-top: 5px;
    }
  }

  .item-content {
    .clearfix-mixin();
    > .media {
      max-width: 100%;
      margin: @padding-base-vertical 0;
      &.pull-left {
        max-width: 150px;
        margin: 0;
        margin-right: @padding-small-horizontal;
      }

      &.pull-right {
        max-width: 150px;
        margin: 0;
        margin-left: @padding-small-horizontal;
      }
    }
  }

  .item-footer {
    > a {
      color: @color-gray;
    }
    padding-top: @padding-base-vertical;
  }
}

.items-hover {
  .item {
    &:hover {
      background-color: @list-item-bg-hover;
    }
  }
}

.list-condensed {
  padding: 0;

  > header,
  > footer,
  > .items > .item {
    padding-left: 15px;
    padding-right: 15px;
  }
}