zui/src/less/views/cards.reveal.less

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

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


// Reveal UI style for cards view

.card {
  > .card-reveal {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: @card-reveal-bg;
    .transition(all, @animation-speed-slow, @animation-type);

    > .card-heading { padding: 20px 10px; }
  }

  &:hover {
    > .card-reveal { top: 0; }
  }
}