Skip to content
Snippets Groups Projects
Select Git revision
  • fbb7a6294e83bdbd3165b347e34756d637b43e65
  • main default protected
  • add-tat-sample
  • 15-choses-a-faire-css
  • macao3-export
  • gitlab-ci-debug
  • 2-gitlab-deploy
  • 3-qcu-features
  • 1-navigation
  • test
10 results

_custom.scss

Blame
  • Forked from MACAO / MACAO Hugo
    37 commits behind the upstream repository.
    Anthony Geourjon's avatar
    Anthony authored
    fbb7a629
    History
    _custom.scss 2.70 KiB
    body {
      // Global theme colors are defined in macao/themes/macao-hugo-theme/assets/_defaults.scss and go to @mixin theme-tetras
      --quizz-backgourd-color: #00000;
      --feedback-sucess-color: rgba(167, 243, 167, 0.8);
      --feedback-error-color: #f8a5a5;
    }
    
    // ***********************************
    // Global
    // ***********************************
    .btn-play {
      cursor: pointer;
      background-color: var(--macao-primary-color);
      border-radius: 5px;
      border: none;
      padding: 5px 10px;
    }
    
    p#gapfill-container {
      white-space: pre-wrap;
      line-height: 3em;
    }
    
    // Tweak the existing SurveyJS styles to have "inline" dropdown menus
    // and text fields that don't take too much space
    select.sd-dropdown.inline-dropdown, input.sd-input.inline-input {
      display: inline-block;
      width: fit-content;
      padding: 8px;
    }
    
    // ***********************************
    // User Feedback in quizz
    // ***********************************
    #correct-indic.incorrect {
      background-color: var(--feedback-error-color);
    }
    
    #correct-indic.correct {
      background-color: var(--feedback-sucess-color);
    }
    
    #correct-indic {
      border-radius: 8px;
      padding: 16px;
    
      p {
        margin: 0;
      }
    }
    
    // ***********************************
    // Hide disabled checkboxes in some quizz
    // ***********************************
    .hide-disabled-checkboxes {
      .sd-checkbox--readonly {
        span.sd-checkbox__decorator {
          display: none;
        }
      }
    }
    
    // ***********************************
    // Align one line radio buttons
    // ***********************************
    
    .one-line {
      display: flex;
      align-items: center;
    
      .sd-question__header {
        margin-top: 0;
        max-width: 150px;
      }
    }
    
    // ***********************************
    // General look and feel
    // ***********************************
    .book-page > article {
      background-color: var(--secondary-background-color);
      border-radius: 15px;
    }
    
    .book-page > article {
      padding: 16px;
      margin-top: 16px;
    }
    
    .book-search {
      border-radius: 10px;
      padding: 0px 5px;
      background-color: var(--secondary-background-color);
    }
    
    a {
      color: var(--macao-primary-color);
    }
    
    a.active {
      color: var(--macao-secondary-font-color) !important;
      background-color: var(--macao-primary-color);
      border-radius: 5px;
      padding: 5px;
      margin-right: 5px;
    }
    
    // Hide element when width is less than 900px
    @media (min-width: 900px) {
      .book-icon {
        display: none;
      }
    }
    
    .sd-btn {
      padding: 5px 10px !important;
    }
    
    // ***********************************
    // Comment on page
    // ***********************************
    
    .comment-trigger {
      cursor: pointer;
      color: var(--macao-primary-color);
      text-decoration: underline;
    }
    
    
    em:not(:has(strong)) {
        background-color: lightgray;
        padding: 3px;
        padding-right: 4px;
        border-radius: 5px;
    
    }
    @import "plugins/_scrollbars.scss";