Select Git revision
nwb.config.js
_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";