mirror of
https://github.com/harvard-edge/cs249r_book.git
synced 2026-05-01 01:59:10 -05:00
107 lines
2.7 KiB
SCSS
107 lines
2.7 KiB
SCSS
/*-- scss:defaults --*/
|
|
|
|
$font-size-root: 16px !default;
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;800&display=swap');
|
|
|
|
/*-- scss:rules --*/
|
|
|
|
div.sidebar-item-container .active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sidebar nav[role=doc-toc] ul>li>a.active, .sidebar nav[role=doc-toc] ul>li>ul>li>a.active{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sidebar nav[role="doc-toc"] ul > li > a.active {
|
|
color: #A51C30 !important;
|
|
background-color: snow;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*-- scss:defaults --*/
|
|
|
|
/*-- scss:rules --*/
|
|
|
|
/* Headings ------------------------------------------------------ */
|
|
|
|
#title-block-header.quarto-title-block.default .quarto-title h1.title {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
h2 {
|
|
margin-top: 2rem;
|
|
margin-bottom: 1rem;
|
|
font-size: 1.4rem;
|
|
font-weight: 600;
|
|
}
|
|
h3 { margin-top: 1.5em; font-size: 1.2rem; font-weight: 500; }
|
|
h4 { margin-top: 1.5em; font-size: 1.1rem; }
|
|
h5 { margin-top: 1.5em; font-size: 1rem; }
|
|
|
|
/* Code ------------------------------------------------ */
|
|
|
|
code a:any-link {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/*-- scss:defaults --*/
|
|
|
|
/* Mixin for callout styling */
|
|
@mixin base-callout {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
border-radius: .25rem;
|
|
|
|
border-left: solid #acacac .3rem; /* Establishes base left border */
|
|
border-right: solid 0.5px silver;
|
|
border-top: solid 0.5px silver;
|
|
border-bottom: solid 0.5px silver;
|
|
}
|
|
|
|
/* Styling for answer callout body */
|
|
.callout-body-container.callout-body {
|
|
padding: 0px 0px 0px 23.04px; /* Top Right Bottom Left */
|
|
}
|
|
|
|
/* Exercise callout styling */
|
|
div.callout-exercise.callout {
|
|
@include base-callout;
|
|
border-left-color: #9834eb !important; /* Overrides left border color */
|
|
}
|
|
|
|
div.callout-exercise.callout > .callout-header::before {
|
|
font-family: "Font Awesome 5 Free";
|
|
content: "🏋️♂️";
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* Answer callout styling */
|
|
div.callout-answer.callout {
|
|
@include base-callout;
|
|
border-left-color: gold !important; /* Overrides left border color */
|
|
}
|
|
|
|
div.callout-answer.callout > .callout-header::before {
|
|
font-family: "Font Awesome 5 Free";
|
|
content: "✅";
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* Hint callout styling */
|
|
div.callout-hint.callout {
|
|
@include base-callout;
|
|
border-left-color: #0dcaf0 !important; /* Overrides left border color for hint */
|
|
}
|
|
|
|
div.callout-hint.callout > .callout-header::before {
|
|
font-family: "Font Awesome 5 Free";
|
|
content: "🤔";
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.callout-toggle::before {
|
|
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(52, 58, 64)" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
|
|
}
|