Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
styles.module.css 786 B
Newer Older
  • Learn to ignore specific revisions
  • .section {
      max-width: 980px;
      margin: auto;
      margin-bottom: 2rem;
    }
    
    .title {
      text-align: center;
      margin: 2rem auto
    }
    
    .right {
      right: 0;
    }
    
    .left {
      left: 0;
    }
    
    .arrow {
      z-index: 5;
      cursor: pointer;
      border: none;
      width: 32px;
      aspect-ratio: 1;
      border-radius: 50%;
      position: absolute;
      top: 64px;
      margin: 0 18px;
      background-color: transparent;
    }
    
    .left::after, .right::after {
      opacity: 0.4;
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 12px;
      height: 12px;
      border: solid var(--ifm-color-primary);
      border-width: 0 5px 5px 0;
    }
    
    .left:hover::after, .right:hover::after {
      opacity: 1;
    }
    
    .left::after {
      transform: translate(-50%, -50%) rotate(135deg);
    }
    
    .right::after {
      transform: translate(-50%, -50%) rotate(-45deg);
    }