From c5f6edcc21fa1526270843403429ff675840077c Mon Sep 17 00:00:00 2001 From: Milan Malfait Date: Wed, 22 Nov 2023 15:11:49 +0000 Subject: [PATCH] Remove SASS stylesheets from extension --- _extensions/carpentries/main.scss | 367 ------------- .../carpentries/stylesheets/callouts.scss | 268 ---------- .../carpentries/stylesheets/codeblocks.scss | 117 ----- .../carpentries/stylesheets/footer.scss | 16 - .../carpentries/stylesheets/header.scss | 497 ------------------ .../stylesheets/instructornotes.scss | 68 --- .../carpentries/stylesheets/overview.scss | 65 --- .../carpentries/stylesheets/schedule.scss | 23 - .../carpentries/stylesheets/sidenav.scss | 193 ------- .../carpentries/stylesheets/skiplinks.scss | 14 - .../stylesheets/syntax-highlighting.scss | 263 --------- .../carpentries/stylesheets/variables.scss | 30 -- 12 files changed, 1921 deletions(-) delete mode 100644 _extensions/carpentries/main.scss delete mode 100644 _extensions/carpentries/stylesheets/callouts.scss delete mode 100644 _extensions/carpentries/stylesheets/codeblocks.scss delete mode 100644 _extensions/carpentries/stylesheets/footer.scss delete mode 100644 _extensions/carpentries/stylesheets/header.scss delete mode 100644 _extensions/carpentries/stylesheets/instructornotes.scss delete mode 100644 _extensions/carpentries/stylesheets/overview.scss delete mode 100644 _extensions/carpentries/stylesheets/schedule.scss delete mode 100644 _extensions/carpentries/stylesheets/sidenav.scss delete mode 100644 _extensions/carpentries/stylesheets/skiplinks.scss delete mode 100644 _extensions/carpentries/stylesheets/syntax-highlighting.scss delete mode 100644 _extensions/carpentries/stylesheets/variables.scss diff --git a/_extensions/carpentries/main.scss b/_extensions/carpentries/main.scss deleted file mode 100644 index 828a3d7..0000000 --- a/_extensions/carpentries/main.scss +++ /dev/null @@ -1,367 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/styles.css.scss - -/*-- scss:functions --*/ -/// Base path for assets (fonts, images...), -/// should not include trailing slash -/// @access public -/// @type String - -/// Asset URL builder -/// @access private -/// @param {String} $type - Asset type, matching folder name -/// @param {String} $file - Asset file name, including extension -/// @return {URL} - A `url()` function leading to the asset -@function asset($type, $file) { - @return url($asset_base_path + '/' + $type + '/' + $file); -} - -/// Image asset helper -/// @access public -/// @param {String} $file - Asset file name, including extension -/// @return {URL} - A `url()` function leading to the image -/// @require {function} asset -@function image($file) { - @return asset('images', $file); -} - -/// Font asset helper -/// @access public -/// @param {String} $file - Asset file name, including extension -/// @return {URL} - A `url()` function leading to the font -/// @require {function} asset -@function font($file) { - @return asset('fonts', $file); -} - -/*-- scss:defaults --*/ -@import "stylesheets/variables.scss"; - -/* mulish-regular - latin */ -@font-face { - font-family: 'Mulish'; - font-style: normal; - font-weight: 400; - src: font('mulish-v5-latin-regular.eot'); - /* IE9 Compat Modes */ - src: local(''), - font('mulish-v5-latin-regular.eot') + '?#iefix' format('embedded-opentype'), - /* IE6-IE8 */ - font('mulish-v5-latin-regular.woff2') format('woff2'), - /* Super Modern Browsers */ - font('mulish-v5-latin-regular.woff') format('woff'), - /* Modern Browsers */ - font('mulish-v5-latin-regular.ttf') format('truetype'), - /* Safari, Android, iOS */ - font('mulish-v5-latin-regular.svg') + '#Mulish' format('svg'); - /* Legacy iOS */ - -} - -@font-face { - font-family: "Mulish"; - src: font("Mulish-Bold.ttf") format("truetype"); - src: font("Mulish-Bold.woff") format("woff"); - font-weight: 800; - font-style: normal; -} - -/*-- scss:mixins --*/ - -@include media-breakpoint-down(xl) { - - .sidebar .accordion-button.collapsed:not(#instructor):not(#language):not(#chapters):not(#resources)::after { - background-image: url("data:image/svg+xml,") !important; - transform: none !important; - } - - .sidebar .accordion-button:not(.collapsed):not(#instructor):not(#language):not(#flush-collapseNine):not(#chapters):not(#resources)::after { - background-image: url("data:image/svg+xml,") !important; - transform: none !important; - } - -} - -@include media-breakpoint-up(xl) { - - .sidebar .accordion-button.collapsed::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230044D7'%3e%3cpath 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'/%3e%3c/svg%3e") !important; - transform: scale(.7) !important; - } - - .sidebar .accordion-button:not(.collapsed)::after { - background-image: url("data:image/svg+xml,") !important; - transform: rotate(180deg) scale(.7) !important; - } - - h1 { - font-size: 44px; - } - - h2 { - font-size: 32px; - } - -} - -/*-- scss:rules --*/ -@import "stylesheets/callouts.scss"; -@import "stylesheets/codeblocks.scss"; -@import "stylesheets/footer.scss"; -@import "stylesheets/header.scss"; -@import "stylesheets/instructornotes.scss"; -@import "stylesheets/overview.scss"; -@import "stylesheets/schedule.scss"; -@import "stylesheets/sidenav.scss"; -@import "stylesheets/skiplinks.scss"; -@import "stylesheets/syntax-highlighting.scss"; - -body { - font-family: 'Mulish', sans serif; - font-weight: $font_weight_normal; -} - -h1 { - font-size: calc(2rem + 1.5vw); - font-weight: 700; - font-style: normal; - line-height: 55px; - letter-spacing: 0.01em; - color: $black; -} - -h2 { - font-size: calc(1.55rem + 0.9vw); - font-weight: 600; - line-height: 40px; - letter-spacing: 0.05em; - font-style: normal; - color: $black; -} - -h3 { - font-size: calc(1.25rem + 0.5vw); - font-weight: 400; - font-style: normal; - font-weight: 400; - line-height: 31px; - letter-spacing: 0.01em; - color: $black; -} - -h4 { - font-size: calc(1.15rem + 0.3vw); - font-weight: 400; - font-style: normal; - font-weight: 400; - line-height: 31px; - letter-spacing: 0.01em; - color: $black; -} - -blockquote { - margin-top: 10px; - margin-bottom: 10px; - margin-left: 50px; - padding-left: 15px; - border-left-width: 3px; - border-left-style: solid; - border-left-color: $gray; - - p { - font-size: 1.25rem; - } -} - -p { - font-size: 16px; - line-height: 24px; - color: $black; -} - -a { - color: $blue; - text-decoration: none; -} - -a.anchor { - display: none; - margin-left: 5px; - width: Min(0.9em, 20px); - height: Min(0.9em, 20px); - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-link'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E"); - background-repeat: no-repeat; - background-size: Min(0.9em, 20px) Min(0.9em, 20px); - background-position: center center; -} - -h2, -h3, -h4, -h5, -h6 { - &:hover .anchor { - display: inline-block; - } -} - -a:hover { - text-decoration: underline; -} - -table { - display: table; - max-width: max-content; - overflow: auto; -} - -thead>tr>th { - font-weight: $font-weight-bold; - vertical-align: baseline; -} - -.table-striped>tbody>tr:nth-of-type(odd)>* { - --bs-table-accent-bg: none; -} - -.table-striped>tbody>tr:nth-of-type(even)>* { - background: $light-gray; -} - -tbody>tr:nth-of-type(odd)>* { - --bs-table-accent-bg: none; -} - -tbody>tr:nth-of-type(even)>* { - background: $light-gray; -} - -dt>* { - font-weight: inherit; -} - -.btn-primary-outline { - border: 1px solid $blue; - color: $blue; - box-sizing: border-box; - border-radius: 5px; - padding-left: 75px; - padding-right: 75px; - padding-top: 17px; - padding-bottom: 17px; -} - -.btn-primary-outline:hover { - color: $blue; - background: $very-light-blue; -} - -.btn-primary-outline:active { - color: #ffffff; - background: $blue; -} - -.figure { - max-width: 100%; -} - -figcaption { - border-top: 1px solid $black; - background: $light-gray; - margin-bottom: 25px; - padding: 25px; -} - -.section-heading { - margin-top: 100px; -} - -.dropdown-item:hover { - text-decoration: underline; -} - -.bottom-pagination { - padding-top: 60px; - padding-bottom: 40px; - border-top: 1px solid #ccc; -} - -#instructor, -#language { - line-height: 24px; -} - -.sidebar .accordion-button.collapsed::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230044D7'%3e%3cpath 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'/%3e%3c/svg%3e"); - transform: scale(.7) !important; -} - -.sidebar .accordion-button:not(.collapsed)::after { - background-image: url("data:image/svg+xml,"); - transform: rotate(180deg) scale(.7); -} - -.container { - max-width: 1209px; -} - -#eye { - display: inline; - margin-right: 10px; -} - -@media print { - - // force solutions and instructor notes to show on print - .accordion-collapse { - display: unset !important; - } - - // do not display navigation or search forms or extraneous decoration - button, - nav, - footer, - form.search-form, - #to-top, - div.callout-square, - .lesson-progress { - display: none !important; - } - - // source: - h2 { - page-break-before: auto; - } - - h3, - h4 { - page-break-after: avoid; - } - - pre, - blockquote, - .callout, - .instructor-note, - .challenge-accordion { - page-break-inside: avoid; - border-style: solid; - } - - // add solution heading before the solution - .challenge-accordion::before { - content: "Solution"; - display: block; - text-size: 18pt; - text-decoration: underline; - } - - .instructor-note::before { - content: "Instructor Note"; - display: block; - text-size: 18pt; - text-decoration: underline; - } - - pre { - overflow: unset !important; - } -} diff --git a/_extensions/carpentries/stylesheets/callouts.scss b/_extensions/carpentries/stylesheets/callouts.scss deleted file mode 100644 index 2e24977..0000000 --- a/_extensions/carpentries/stylesheets/callouts.scss +++ /dev/null @@ -1,268 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/callouts.scss - -/* Basic (gray callout) */ - -.callout { - border-left: 10px solid $gray; - margin-bottom: 25px; -} - -.callout-square { - margin-left: -10px; - width: 53px; - height: 53px; - color: #ffffff; - background: $gray; - margin-right: -15px; -} - -.callout-icon { - margin: 13px 0px 0px 13px; -} - -.callout-content { - padding-top: 25px; - padding-bottom: 25px; -} - -.callout-title { - position: relative; - font-size: 18px; - line-height: 24px; - text-transform: uppercase; - letter-spacing: 0.1em; - margin: 0px 0px 25px 0px; - padding: 24px 0px 0px 0px; - text-decoration: underline; - text-underline-offset: 6px; - - code, - kbd { - text-transform: none; - } -} - - -.callout li { - margin-left: 0px; - margin-top: 10px; - margin-bottom: 20px; -} - -.callout-inner { - padding: 0px 25px 25px 25px; - background: $light-gray; -} - -/* Overrides for different callout types */ - -/* Prereq */ - -.prereq { - border-left: 10px solid $purple; -} - -.prereq .callout-square { - background: $purple; -} - -/* Keypoints */ - -.keypoints { - border-left: 10px solid $teal; -} - -.keypoints .callout-square { - background: $teal; - color: $black; -} - -/* Checklist */ - -.checklist { - border-left: 10px solid $bright-blue; -} - -.checklist .callout-square { - background: $bright-blue; - color: #ffffff; -} - -/* Testimonial */ - -.testimonial { - border-left: 10px solid $deep-purple; -} - -.testimonial .callout-square { - background: $deep-purple; - color: #ffffff; -} - -/* Discussion */ - -.discussion { - border-left: 10px solid $yellow; -} - -.discussion .callout-square { - background: $yellow; - color: $black; -} - -/* Challenge */ - -.challenge { - border-left: 10px solid $yellow; -} - -.challenge .callout-square { - background: $yellow; - color: $black; -} - -/* Parent Class for Accordions in Learner View */ - -.learner-accordion { - .accordion-button { - background: $yellow; - height: 43px; - padding-left: 25px; - color: $black; - - //box-shadow: none; - &:hover { - text-decoration: underline; - } - - &:focus { - box-shadow: var(--bs-primary-rgb) 0px 0px 0px 4px; - } - - &.collapsed { - //box-shadow: none; - } - } - - .accordion-item { - border-color: $black; - font-family: Mulish; - font-style: normal; - font-weight: normal; - font-size: 16px; - - &:first-of-type .accordion-button { - border-radius: 0; - } - - &:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - } - } - - .accordion-header { - font-family: Mulish; - font-style: normal; - font-weight: normal; - font-size: 16px; - } - - .accordion-body { - padding-left: 35px; - padding-top: 25px; - padding-bottom: 25px; - background: $light-gray; - - li { - list-style-type: inherit; - list-style-position: inside; - margin-left: 0px; - margin-top: 10px; - margin-bottom: 20px; - } - } - - h2 { - border-left: 10px $yellow solid; - } -} - -/* Child classes for solution and spoiler accordions */ - -.challenge-accordion { - @extend .learner-accordion; - margin: -25px 0 25px 0; -} - -.spoiler-accordion { - @extend .learner-accordion; - margin: 25px 0 25px 0; - - .spoiler-button { - background: $light-gray; - height: 53px; - padding-left: 15px; - position: relative; - border-color: $black; - padding-left: 10px; - color: $black; - box-shadow: 0; - - &:focus { - box-shadow: #0d6efd 0px 0px 0px 4px; - } - - &, - h3 { - font-family: Mulish; - font-size: 16px; - font-style: normal; - font-weight: normal; - text-transform: uppercase; - } - - h3 { - text-decoration: underline; - text-underline-offset: 25px; - margin-left: 65px; - } - - &.collapsed { - color: $black; - - h3 { - text-decoration: none; - } - } - } - - .note-square { - width: 53px; - height: 53px; - color: $black; - background: $very-light-blue; - position: absolute; - top: 0; - left: 0; - } -} - - -/* Move icon, adjust margins on medium/large screens */ - -@include media-breakpoint-up(md) { - .callout-square { - float: left; - position: relative; - left: -43px; - } - - .callout { - margin-left: 42px; - } - - .challenge-accordion { - margin-left: 42px; - } -} diff --git a/_extensions/carpentries/stylesheets/codeblocks.scss b/_extensions/carpentries/stylesheets/codeblocks.scss deleted file mode 100644 index ae545a4..0000000 --- a/_extensions/carpentries/stylesheets/codeblocks.scss +++ /dev/null @@ -1,117 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/codeblocks.scss - -.codewrapper { - position: relative; -} - -/* ZNK: added in 2022-01-07 */ -div.sourceCode { - position: relative; -} - -/* ZNK: added in 2022-01-07 */ - -pre { - font-family: 'Source Code Pro', monospace; - font-style: normal; - font-weight: normal; - font-size: 16px; - line-height: 150%; - /* or 24px */ - padding: 25px; - letter-spacing: 0.01em; - background: $light-gray; - - &.input { - border-top: 10px solid $light-blue; - } - - /* ZNK: added in 2022-01-07 */ - &.sourceCode { - border-top: 10px solid $light-blue; - } - - /* ZNK: end */ - &.error { - border-top: 10px solid $red; - } - - &.warning { - border-top: 10px solid $orange; - } - - &.output { - border-top: 10px solid $black; - } - - /* ZNK: added in 2022-01-07 */ - /* highlighted code uses spans that need a line break before to avoid */ - /* overlap with the header */ - code::before { - // https://www.w3docs.com/snippets/css/how-to-add-a-line-break-before-an-element-with-css.html - content: "\A"; - } - - /* ZNK: end */ - code { - word-wrap: normal; - /* Prevent wrapping to next line in code blocks */ - /* ZNK: added in 2022-01-07 */ - /* this allows for code highlighting via pandoc*/ - padding: 0; - - .sourceCode { - white-space: pre; - position: relative; - } - - span:empty { - height: 1.2em; - } - - span { - color: inherit; - text-decoration: inherit; - font-family: inherit; - } - - /* ZNK: end */ - } -} - -// ZNK: added in 2022-01-10 -// this prevents pkgdown syntax highlighting from destroying our wrappings -pre, -pre code { - white-space: pre; -} - -pre.output>code::before { - content: "\A"; -} - -// ZNK: end - -// ZNK: added in 2022-01-17 -// all callout and accordion pre blocks needs a light background -// .challenge-accordion pre { -.callout pre { - background: #ffffff; - margin-right: 15px; -} - -.accordion pre { - background: #ffffff; - margin-right: 15px; -} - -// ZNK: end - -.code-label { - font-size: 18px; - border-bottom: 1px solid $black; - line-height: 23.4px; - position: absolute; - right: 25px; - margin-top: 25px; -} diff --git a/_extensions/carpentries/stylesheets/footer.scss b/_extensions/carpentries/stylesheets/footer.scss deleted file mode 100644 index 1acc2a9..0000000 --- a/_extensions/carpentries/stylesheets/footer.scss +++ /dev/null @@ -1,16 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/footer.scss - -.footer { - margin-top: 25px; - font-family: Mulish; - font-style: normal; - font-weight: 300; - font-size: 14px; - line-height: 18px; - padding-top: 5px; - padding-bottom: 95px; -} - -.footer p { - padding-left: 20px; -} diff --git a/_extensions/carpentries/stylesheets/header.scss b/_extensions/carpentries/stylesheets/header.scss deleted file mode 100644 index 4709610..0000000 --- a/_extensions/carpentries/stylesheets/header.scss +++ /dev/null @@ -1,497 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/header.scss - -.bottom-nav { - border-top: 45px solid $dark-purple; - padding-bottom: 5px; -} - -.dropdown-toggle:hover { - text-decoration: underline; -} - -.bottom-nav.data { - border-top: 45px solid $dark-green; -} - -.bottom-nav.library{ - border-top: 45px solid $red; -} - -.bottom-nav.carpentries { - border-top: 45px solid $dark-blue; -} - -.searchbox { - border: 1px solid $black; -} - -.small-logo { - height: 32px; -} - -.mobile-title { - font-family: Mulish; - font-style: normal; - font-weight: 800; - font-size: 24px; - line-height: 130%; - letter-spacing: 0.01em; - padding-left: 45px; - padding-bottom: 10px; - margin-top: 5px; - box-shadow: 0px 2px 2px rgba(60, 55, 68, 0.15); - position: relative; - z-index: 2; -} - -.percentage { - text-align: right; - position: relative; - top: 5px; - right: -20px; - color: $black; -} - -.progress { - background: $light-purple; - border-radius: 20px; - margin: 10px; - height: 5px; -} - -.progress-bar { - background: $dark-purple; - border-radius: 20px; - height:5px; -} - -.progress.library { - background: $light-red; -} - -.progress-bar.library { - background: $red; -} - -.progress.data { - background: $light-green; -} - -.progress-bar.data { - background: $dark-green; -} - -.progress.carpentries { - background: $very-light-blue; -} - -.progress-bar.carpentries { - background: $dark-blue; -} - -.lesson-progress { - background: $light-gray; - padding: 25px; - margin-bottom: 25px; - padding-top: 5px; -} - -.nav-container { - border-bottom: 1px solid $black; - padding-bottom: 5px; -} - -.large-logo { - margin-left: 25px; -} - -.large-logo img { - max-height: 64px; - margin-right: 1em -} - -.navbar-toggler { - float: left; - color: $black; - margin-left: 17px; -} - -.nav-item button { - background:none; - border:none; -} - -.dropdown-toggle::after { - display: none; -} - -.menu-title { - padding-top: 5px; -} - -.nav-logo { - position: absolute; - left: 50%; - top: 20%; - bottom: 43.66%; -} - -.search-icon-sm { - position: absolute; - right: 5%; - top: 20%; - bottom: 20.83%; -} - -.top-nav { - display: none; -} - -.search-icon-md { - display: none; -} - -.top-nav-container { - padding-right: 25px; -} - -.nav-item { - margin-right: 40px; -} - -.nav-link a { - font-size: 16px; -} - -.lesson-title { - font-family: Mulish; - font-style: normal; - font-weight: 800; - font-size: 24px; - margin-left: 55px; - display: none; -} - -.lesson-title-md { - display: none; -} - - -.top-nav .dropdown button { - background: #ffffff; - color: $black; - border: none; -} - -.top-nav .dropdown .bordered-button { - background: #ffffff; - color: $black; - border-radius: 0px; - border-left: 1px solid $black; -} - -// ZNK ------------------------------------- -// Styling the alert box for the beta phase -// to not be so boxxy -.top-nav .beta-alert { - display: inline; - padding: inherit; -} - -// the button x centered with the text, -// not justified -.top-nav .beta-alert button.btn-close { - padding: 0.25rem 0.25rem 0.75rem 0.25rem; -} -// ------------------------------------- ZNK - -.top-nav .icon { - position: relative; - top: -2px; - margin-right: 5px; -} - -.searchbox { - width: 100%; - display: none; -} - -.tablet-search { - display: none; -} - -.tablet-search-button { - display: none; -} - -#expand-code { - color: $blue; - cursor: pointer; - margin-bottom: 20px; - border: none; - background: none; -} - -#expand-code:hover { - text-decoration: underline; -} - -.chapter-link { - text-decoration: underline; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.chapter-link:hover{ - text-decoration-thickness: 2px; -} - -.small-arrow{ - height:14px; -} - -@include media-breakpoint-up(md) { - .progress { - height: 12px; - } - - .progress-bar { - height: 12px; - } - - #to-top { - position: fixed; - text-align: center; - color: $blue; - top:70%; - right: 25px; - width: 100px; - cursor: pointer; - z-index:3; - display: none; - filter: drop-shadow(0px 0px 5px white) drop-shadow(0px 0px 5px white) drop-shadow(0px 0px 5px white) drop-shadow(0px 0px 5px white) drop-shadow(0px 0px 5px white); - - } - - #to-top i { - box-shadow: 0px 0px 10px 10px white; - } - - .bottom-nav.data, .bottom-nav.library, .bottom-nav.carpentries, .bottom-nav.software { - border: none; - } - - .tablet-search-button { - position: absolute; - top: 8px; - right: 60px; - border: none; - color: $black; - display: block; - } - .searchbox { - display: block; - margin-right: 50px; - } - - .search-form { - margin-right: 20px; - } - - .tablet-search { - display: block; - } - .tablet-search-button { - margin-right: -25px; - } - - .tablet-search-button:hover { - background: none; - color: $black; - } - - .tablet-search { - margin-right: 30px; - } - - .search-icon-sm { - display: none; - } - .tablet-search { - display: block; - } - .nav-container { - border: none; - } - - .mobile-title { - display: none; - } - - .large-logo { - margin-left: -10px; - margin-bottom: 20px; - } - - .top-nav hr{ - margin: 0px 25px 0px 25px; - color: $black; - margin-left: 40px; - margin-right: 40px; - } - - .nav-logo { - display: none; - } - - .lesson-title { - display: none; - } - - .lesson-title-md { - display: block; - font-family: Mulish; - font-style: normal; - font-weight: 800; - font-size: 32px; - line-height: 40px; - position: absolute; - left: 10%; - margin-bottom: 30px; - margin-top: 25px; - } - - .top-nav { - display: block; - border-top: 22px solid $dark-purple; - } - - .top-nav.data { - border-top: 22px solid $dark-green; - } - - .top-nav.carpentries { - border-top: 22px solid $dark-blue; - } - - .top-nav.library { - border-top: 22px solid $red; - } - - .bottom-nav { - border:none; - box-shadow: 0px 2px 2px rgba(60, 55, 68, 0.15); - position: relative; - z-index: 3; - padding-bottom: 20px; - margin-top: 10px; - } - - .menu-title { - display: none; - } - - .search-icon-md { - position: absolute; - left: -30px; - } - - .navbar-toggler { - margin-left: 15px; - } - - .top-nav-container { - padding-left: 55px; - } - - .top-nav .dropdown { - display: inline; - } - - .selector-container { - text-align:right; - } -} - -@include media-breakpoint-up(xl) { - - .resources-side { - display: none; - } - - .tablet-search-button { - position: absolute; - top: 8px; - right: 35px; - } - - .desktop-search { - display: block; - } - - .search-form { - margin-right: 0px; - } - - .lesson-title-md { - display: inline-block; - font-family: Mulish; - font-style: normal; - font-weight: 800; - font-size: 32px; - } - - .top-nav { - display: block; - border-top: 22px solid $dark-purple; - padding-left: 40px; - padding-top: 12px; - padding-right: 20px - } - - .top-nav hr { - margin: 0px 25px 0px 25px; - color: $black; - width: 75%; - } - - .bottom-nav { - padding-right: 40px; - z-index: 3; - } - - .lesson-title { - display: inline-block; - } - - .nav-logo { - display: none; - } - - .lesson-title-md { - display: none; - } - - .search-icon-sm { - display: none; - } - - .search-icon-md { - position: absolute; - left: -30px; - z-index: 100; - } - - .large-logo { - margin-left: -25px; - } - .progress { - margin-left: 65px; - margin-right: 65px; - } - - .tablet-search-button { - margin-right: 20px; - } -} diff --git a/_extensions/carpentries/stylesheets/instructornotes.scss b/_extensions/carpentries/stylesheets/instructornotes.scss deleted file mode 100644 index ca71ecb..0000000 --- a/_extensions/carpentries/stylesheets/instructornotes.scss +++ /dev/null @@ -1,68 +0,0 @@ -/// Taken from https://github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/instructornotes.scss - -.instructor-note { - margin-bottom: 25px; - .note-square { - width: 53px; - height: 53px; - color: #ffffff; - background: $magenta; - position: absolute; - top: 0; - left: 0; - } - .accordion-body { - padding: 25px 35px; - background: $light-gray; - li { - list-style-type: inherit; - margin-left: 0px; - margin-top:10px; - margin-bottom:20px; - } - } - .accordion-button { - position: relative; - background: $light-gray; - height: 53px; - border-color: $black; - padding-left: 10px; - color: $black; - box-shadow: 0; - &:focus { - box-shadow: #0d6efd 0px 0px 0px 4px; - } - &, h3 { - font-family: Mulish; - font-size: 16px; - font-style: normal; - font-weight: normal; - text-transform: uppercase; - } - h3 { - text-decoration: underline; - text-underline-offset: 25px; - margin-left: 65px; - } - &.collapsed { - color: $black; - h3 { - text-decoration: none; - } - } - } -} - -@include media-breakpoint-down(sm) { - .instructor-note .accordion-button h2 { - line-height: 16px; - text-decoration: none; - text-underline-offset: 1px; - } -} - -@include media-breakpoint-up(sm) { - .instructor-note .accordion-button h2 { - text-underline-offset: 25px; - } -} diff --git a/_extensions/carpentries/stylesheets/overview.scss b/_extensions/carpentries/stylesheets/overview.scss deleted file mode 100644 index 4a6911a..0000000 --- a/_extensions/carpentries/stylesheets/overview.scss +++ /dev/null @@ -1,65 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/overview.scss - -.overview .card-header { - text-transform: uppercase; - color: #ffffff; - background: $dark-purple; - border-radius: 0px; - border: none; - height: 53px; - padding-top: 7px; - font-size: 18px; - letter-spacing: 0.1em; - font-weight: 400; -} - -.overview { - background: $light-gray; - border: none; - margin-bottom: 25px; - border-radius: 0px; - padding-bottom: 10px; -} - -.overview li { - margin: 17px 0; -} - -.overview .inner { - margin-top: 30px; - margin-left: 30px; - padding-left: 10px; - margin-right: 20px; -} - -.overview ul { - margin-left: -15px; -} - -.card-title { - text-decoration: underline; - text-decoration-thickness: 1px; - text-underline-offset: 25px; - margin-bottom: 50px; - font-size: 24px; -} - -.overview .bordered { - border-top: 2px solid $black; - padding-top: 25px; - margin-top: -25px; -} - -@include media-breakpoint-up(md) { - .overview .bordered { - border-left: 1px solid $black; - padding-left: 60px; - margin-top: 30px; - border-top: none; - padding-top: 0px; - } - - .overview .inner { - margin-left: 60px; - } -} diff --git a/_extensions/carpentries/stylesheets/schedule.scss b/_extensions/carpentries/stylesheets/schedule.scss deleted file mode 100644 index 56b68c2..0000000 --- a/_extensions/carpentries/stylesheets/schedule.scss +++ /dev/null @@ -1,23 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/schedule.scss - -.schedule-heading{ - margin-top: 110px; - margin-bottom: 50px; -} - -.schedule { - margin-bottom: 25px; -} - -.schedule td { - padding-top: 25px; - padding-bottom: 25px; -} - -@include media-breakpoint-up(md) { - - .schedule tr td:first-child { - padding-left: 50px; - white-space: nowrap; - } -} diff --git a/_extensions/carpentries/stylesheets/sidenav.scss b/_extensions/carpentries/stylesheets/sidenav.scss deleted file mode 100644 index 9550c67..0000000 --- a/_extensions/carpentries/stylesheets/sidenav.scss +++ /dev/null @@ -1,193 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/sidenav.scss - -.sidebar { - background: $light-gray; - padding-top: 35px; - margin-left: -30px; - height: auto; // ZNK 2022-01-24: change to auto height - display: none; - position: absolute; - top: 150px; - left: 0px; - right: 0px; - z-index: 2; - color: $black; - font-size: 18px; - a { - color: $black; - &:hover { - color: $blue; - } - &:focus { - outline: 4px solid rgba(13, 110, 253, 0.25); - } - } - li { - margin-top:20px; - font-size:18px; - } - .accordion-body { - background: $light-gray; - margin: 0px; - padding: 0px; - } - .accordion-item { - background: $light-gray; - margin-top:20px; - } - .accordion-button { - background: $light-gray; - margin-top: 5px; - margin-bottom: 5px; - padding: 0px; - font-size: 18px; - box-shadow: none; - &:hover { - color: $blue; - text-decoration: underline; - } - &:focus { - box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 4px; - } - &:not(.collapsed) { - color: $black; - } - } - .btn { - margin-top: 20px; - } -} - -.side-language::after { - background-image: none; -} -.side-language:not(.collapsed)::after { - background-image: none; -} - -.sidenav-view-selector { - margin-bottom: 15px; -} - -.mobile-row { - margin-bottom: 60px; -} - -.sidebar-collapsed { - background: $light-gray; - height: 100%; - width: 95px; - position: absolute; - left: 30px; -} - -.collapse-toggle { - float: right; - margin-right: 10px; - margin-top: -25px; - font-size: 12px; - cursor: pointer; - background: none; - border: none; - &:hover { - text-decoration: underline; - } -} - -#chapters, #resources, .accordion-header.chapters { - font-size: 24px; - font-weight: 400; - letter-spacing: 0.2px; -} - -.sidebar-inner { - margin-left: 65px; - margin-right: 60px; - padding-left: 20px; - padding-bottom: 100px; -} - -.current-chapter { - font-weight: 800; -} - -.current-chapter { - display: list-item; - list-style-type: disc; - list-style-position: outside; -} - -.desktop-nav { - display: none; -} - -.accordion-item { - border: none; -} - -.half-width { - width: 50%; -} - -.accordion-body li{ - list-style: none; -} - - -@include media-breakpoint-up(md) { - - .sidebar { - position: absolute; - top: 200px; - left: 0px; - right: 0px; - z-index: 2; - } - - .mobile-row { - display: none; - } - - .sidebar-overview { - display: none; - } -} - -@include media-breakpoint-up(xl) { - - .sidebar { - display: block; - position: relative; - top: 0px; - height:100%; - padding-top: 20px; - } - - .sidebar-col { - height:100%; - position: relative; - left: 20px; - } - - .desktop-nav { - display: block; - } - - .sidebar-inner { - margin-left: 25px; - margin-right: 25px; - padding-bottom: 100px; - } - - .resources { - display: none; - } - .collapse-toggle { - margin-bottom:25px; - } - - .sidebar-overview { - display: none; - } - -} diff --git a/_extensions/carpentries/stylesheets/skiplinks.scss b/_extensions/carpentries/stylesheets/skiplinks.scss deleted file mode 100644 index c3e212c..0000000 --- a/_extensions/carpentries/stylesheets/skiplinks.scss +++ /dev/null @@ -1,14 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/skiplinks.scss - -.skip-link { - position: absolute; - top: 20px; - left: 20px; - padding: 12px 24px; - border: 2px solid $blue; - background: $white; - z-index: 100000; - &:focus { - outline: 2px solid $blue; - } -} diff --git a/_extensions/carpentries/stylesheets/syntax-highlighting.scss b/_extensions/carpentries/stylesheets/syntax-highlighting.scss deleted file mode 100644 index b3346de..0000000 --- a/_extensions/carpentries/stylesheets/syntax-highlighting.scss +++ /dev/null @@ -1,263 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/syntax-highlighting.scss - -/* Adapted from pkgdown version 2.0.1 (c) RStudio 2022 */ -pre .img, -pre .r-plt { - margin: 5px 0; -} - -pre .img img, -pre .r-plt img { - background-color: #fff; -} - -code { - font-family: 'Source Code Pro', monospace; - color: #000; -} - -p>code { - background-color: #fff; - border-radius: 4px; - font-size: 1em; -} - -/* Links ---------------------------------------------------- */ - -code a:any-link { - font-family: 'Source Code Pro', monospace; - border-radius: 4px; - text-decoration: underline; - text-decoration-color: $gray-400; -} - -pre code a:any-link { - color: inherit; -} - -/* don't display links in code chunks when printing */ -/* source: https://stackoverflow.com/a/10781533 */ -@media print { - - code a:link:after, - code a:visited:after { - content: ""; - } -} - -a.sourceLine:hover { - text-decoration: none; -} - -/* Syntax highlighting ---------------------------------------------------- */ -/* arrow-light theme */ - -pre { - background-color: #f1f3f5; -} - -pre code span.al - -/* Alert */ - { - color: #AD0000 -} - -pre code span.an - -/* Annotation */ - { - color: #5E5E5E -} - -pre code span.at - -/* Attribute */ - {} - -pre code span.bn - -/* BaseN */ - { - color: #AD0000 -} - -pre code span.bu - -/* BuiltIn */ - {} - -pre code span.cf - -/* ControlFlow */ - { - color: #007BA5 -} - -pre code span.ch - -/* Char */ - { - color: #20794D -} - -pre code span.cn - -/* Constant */ - { - color: #8f5902 -} - -pre code span.co - -/* Comment */ - { - color: #5E5E5E -} - -pre code span.cv - -/* CommentVar */ - { - color: #5E5E5E; - font-style: italic -} - -pre code span.do - -/* Documentation */ - { - color: #5E5E5E; - font-style: italic -} - -pre code span.dt - -/* DataType */ - { - color: #AD0000 -} - -pre code span.dv - -/* DecVal */ - { - color: #AD0000 -} - -pre code span.er - -/* Error */ - { - color: #AD0000 -} - -pre code span.ex - -/* Extension */ - {} - -pre code span.fl - -/* Float */ - { - color: #AD0000 -} - -pre code span.fu - -/* Function */ - { - color: #4758AB -} - -pre code span.im - -/* Import */ - {} - -pre code span.in - -/* Information */ - { - color: #5E5E5E -} - -pre code span.kw - -/* Keyword */ - { - color: #007BA5 -} - -pre code span.op - -/* Operator */ - { - color: #5E5E5E -} - -pre code span.ot - -/* Other */ - { - color: #007BA5 -} - -pre code span.pp - -/* Preprocessor */ - { - color: #AD0000 -} - -pre code span.sc - -/* SpecialChar */ - { - color: #5E5E5E -} - -pre code span.ss - -/* SpecialString */ - { - color: #20794D -} - -pre code span.st - -/* String */ - { - color: #20794D -} - -pre code span.va - -/* Variable */ - { - color: #111111 -} - -pre code span.vs - -/* VerbatimString */ - { - color: #20794D -} - -pre code span.wa - -/* Warning */ - { - color: #5E5E5E; - font-style: italic -} - -span.error { - font-weight: bolder; -} - -span.warning { - font-weight: bolder; -} diff --git a/_extensions/carpentries/stylesheets/variables.scss b/_extensions/carpentries/stylesheets/variables.scss deleted file mode 100644 index 7532aa1..0000000 --- a/_extensions/carpentries/stylesheets/variables.scss +++ /dev/null @@ -1,30 +0,0 @@ -/// Taken from https: //github.com/carpentries/varnish/blob/c59c9ed79746d6d490486f0ebd3245f9edeb7f3a/source/stylesheets/variables.scss - -$font_weight_normal: 400; -$font_weight_bold: 800; -$asset_base_path: 'assets' !default; - -$black: #383838; -$blue: #0044D7; -$gray: #586F7C; -$purple: #6320EE; -$deep-purple: #491997; -$dark-purple: #201335; -$yellow: #FCE762; -$teal: #1DC5CE; -$red: #EB4F36; -$orange: #FFB17A; -$magenta: #CE1D9D; -$bright-blue: #0D96F9; -$light-gray: #F8F9F9; -$light-blue: #3DCBF8; -$light-purple: #D2BCF4; -$dark-blue: #071159; -$dark-green: #1D5959; -$light-red: #FB9595; -$very-light-blue: #E3E6FD; -$light-green: #39AEAE; - -$accordion-button-icon: url("data:image/svg+xml,"); - -$accordion-button-active-icon: url("data:image/svg+xml,");