sign-in-record.scss 1.17 KB
@import '../../assets/scss/mixins';
@import '../../assets/scss/utils';

$contentWidth:690px;

.page {
  .bgc {}

  .bg {}

  .main {
    font-size: 28px;
    color: #333333;

    .top-space {
      height: 0px;
    }

    .content {
      position: relative;
      width: 690px;
      margin: 0 auto;

      .func {
        @extend .fcc;
        height: 80px;
        border-bottom: solid 1px #DDDDDD;
        font-size: 32px;
        color: #3680EB;

        .icon {
          width: 32px;
          height: 32px;
          margin: 0 8px;
        }

        .arrow {
          width: 12px;
          height: 8px;
          margin: 0 8px;
        }
      }

      .sign {
        &-item {
          display: flex;
          justify-content: space-between;
          border-bottom: solid 1px #DDDDDD;
          padding: 30px 0;

          .date {
            display: flex;
            justify-items: center;
          }

          .desc {
            display: flex;
            justify-items: center;

            .green {
              margin: 0 4px;
              color: #7ED321;
            }

            .red {
              color: #FF7900;

            }
          }
        }
      }
    }
  }
}