acklen-keystone/admin/public/styles/isomorphic/widgets/progress-widget.less

Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose

/* * * * * * * * * * * * * * * * * * * * *
        PROGRESS BAR WIDGETS
* * * * * * * * * * * * * * * * * * * * */

.isoProgressWidget {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px solid @isoColor--BorderLight;

  .isoProgressWidgetTopbar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;

    h3 {
      font-size: @isoFontSize + 5;
      color: @isoColor--Heading;
      font-weight: 400;
      margin: 0;
      line-height: 1.2;
    }

    i {
      font-size: @isoFontSize + 10;
      .isoTransition;
    }
  }

  .isoProgressWidgetBody {
    p {
      font-size: @isoFontSize;
      color: @isoColor--TextDark;
      font-weight: 300;
      width: 100%;
      margin: 0 0 5px;
    }
  }
}