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

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

/* * * * * * * * * * * * * * * * * * * * *
        STICKER WIDGETS
* * * * * * * * * * * * * * * * * * * * */
.isoStickerWidget{
  width: 100%;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  .isoBorderRadius(5px);

  .isoIconWrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    flex-shrink: 0;
    background-color: rgba(0,0,0,0.1);

    i{
      font-size: @isoFontSize * 2 + 2;
    }
  }

  .isoContentWrapper{
    width: 100%;
    padding: 20px 15px 20px 20px;
    display: flex;
    flex-direction: column;

    .isoStatNumber{
      font-size: @isoFontSize + 6;
      font-weight: 500;
      line-height: 1.1;
      margin: 0 0 5px;
    }

    .isoLabel{
      font-size: @isoFontSize + 2;
      font-weight: 400;
      margin: 0;
      line-height: 1.2;
    }
  }
}