Skip to content
Snippets Groups Projects
challengeCardDone.scss 693 B
Newer Older
  • Learn to ignore specific revisions
  • @import '../../styles/base/typo-variables';
    
    Rémi PAPIN's avatar
    Rémi PAPIN committed
    @import '../../styles/base/color';
    
    Guilhem CARRON's avatar
    Guilhem CARRON committed
    .cardDone {
    
    Rémi PAPIN's avatar
    Rémi PAPIN committed
      border: 1px solid $grey-bright;
    
    Rémi PAPIN's avatar
    Rémi PAPIN committed
      border-radius: 4px;
      display: flex;
      flex-direction: column;
    
    Rémi PAPIN's avatar
    Rémi PAPIN committed
      justify-content: space-around;
    
    Rémi PAPIN's avatar
    Rémi PAPIN committed
      align-items: center;
    
    Guilhem CARRON's avatar
    Guilhem CARRON committed
      .labelResult {
        margin-bottom: 1rem;
      }
      .iconResult {
        display: flex;
        @media all and(max-height: 700px) {
    
    Guilhem CARRON's avatar
    Guilhem CARRON committed
          margin: auto;
        }
      }
    
    Guilhem CARRON's avatar
    Guilhem CARRON committed
      .labelResult {
        font-weight: bold;
        font-size: 24px;
        line-height: 120%;
      }
      .win {
        color: $gold;
      }
      .lost {
        color: $red-primary;
      }
    
      .statsResult {
        text-align: center;
      }