Skip to content
Snippets Groups Projects
quizFinish.scss 1.01 KiB
Newer Older
  • Learn to ignore specific revisions
  • @import 'src/styles/base/color';
    @import 'src/styles/base/breakpoint';
    
    Rémi PAPIN's avatar
    Rémi PAPIN committed
    
    .quiz-finish-container {
    
    Bastien DUMONT's avatar
    Bastien DUMONT committed
      padding: 1.5rem;
    
    Rémi PAPIN's avatar
    Rémi PAPIN committed
      box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
      border-radius: 4px;
      transition: all 300ms ease;
      color: $white;
    
      background: $grey-linear-gradient-background;
    
    ahautbois's avatar
    ahautbois committed
      text-align: center;
    
      display: flex;
      flex-direction: column;
      align-items: center;
    
      button.btn-secondary-negative {
    
    ahautbois's avatar
    ahautbois committed
        border-color: $grey-bright;
      }
    
      .button-start {
        margin-top: 3rem;
    
        display: flex;
        flex-direction: column;
        gap: 1rem;
    
    Rémi PAPIN's avatar
    Rémi PAPIN committed
    }
    .score-final-title {
      font-weight: bold;
      font-size: 2rem;
    
    ahautbois's avatar
    ahautbois committed
      margin: 2rem 0 0.5rem;
    
    Rémi PAPIN's avatar
    Rémi PAPIN committed
    }
    
    ahautbois's avatar
    ahautbois committed
      font-size: 2.2rem;
      font-weight: bold;
      margin-bottom: 2rem;
    
    ahautbois's avatar
    ahautbois committed
        color: $blue-light;
      }
    }
    
    ahautbois's avatar
    ahautbois committed
      font-size: 1.15rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
    }
    
    ahautbois's avatar
    ahautbois committed
      font-size: 1.8rem;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
      color: $blue-light;
    
    ahautbois's avatar
    ahautbois committed
        margin-left: 0.5rem;
      }